jQWidgets Forums

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • in reply to: Grid for mobile Grid for mobile #10066

    welby
    Member

    Is it possible to adjust the font size without editing the style CSS?

    in reply to: Grid for mobile Grid for mobile #10045

    welby
    Member

    hi,

    great thanks – worked that one out! 🙂

    in reply to: Grid for mobile Grid for mobile #9960

    welby
    Member

    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>
Viewing 3 posts - 1 through 3 (of 3 total)