jQWidgets Forums
Forum Replies Created
Viewing 3 posts - 1 through 3 (of 3 total)
-
Author
-
Is it possible to adjust the font size without editing the style CSS?
hi,
great thanks – worked that one out!
I also forgot that the Bind to CSV does not support the use of ” qualifiers so my data appears as:
my code is:
<!DOCTYPE html><html lang="en"><head> <title id='Description'>This example shows how to create a Grid from Comma-delimited text also known as comma-separated values (CSV).</title> <link rel="stylesheet" href="./jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="./scripts/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="./jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="./jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="./jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="./jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="./jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="./jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="./jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="./jqwidgets/jqxgrid.columnsresize.js"></script> <script type="text/javascript" src="./jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="./jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="./jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="./scripts/gettheme.js"></script> <script type="text/javascript"> $(document).ready(function () { var theme = getTheme(); var url = './karaoke.txt'; var source = { datatype: "csv", datafields: [ { name: 'Artist', type: 'float' }, { name: 'Title', type: 'float' }, { name: 'ID', type: 'float' } ], url: url }; var dataAdapter = new $.jqx.dataAdapter(source); $("#jqxgrid").jqxGrid( { width: 800, source: dataAdapter, theme: theme, columnsresize: true, filterable: true, autoshowfiltericon:false, columns: [ { text: 'Artist', datafield: 'Artist', width: 300}, { text: 'Title', datafield: 'Title', width: 300}, { text: 'ID', datafield: 'ID', width: 200} ] }); }); </script></head><body class='default'> <div id='jqxWidget'> <div id="jqxgrid"></div> </div></body></html>
-
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)