jquery-grid

    1.9.13 • Public • Published

    Visit jQuery Grid to learn more about this plugin.

    Examples

    1. Bootstrap 4 Table

    2. jQuery Grid Bootstrap

    3. Bootstrap Editable Table

    4. Bootstrap Datagrid

    Getting Started

    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery Grid</title>
      <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
      <script src="/js/core.js" type="text/javascript"></script> 
      <script src="/js/grid.js"></script> 
      <link href="/css/core.css" rel="stylesheet" type="text/css">
      <link href="/css/grid.css" rel="stylesheet" type="text/css">
    </head>
    <body style="padding: 6px;">
     <table id="grid"></table>
     <script>
         var data = [
             { 'ID': 1, 'Name': 'Hristo Stoichkov', 'PlaceOfBirth': 'Plovdiv, Bulgaria' },
             { 'ID': 2, 'Name': 'Ronaldo Luis Nazario de Lima', 'PlaceOfBirth': 'Rio de Janeiro, Brazil' },
             { 'ID': 3, 'Name': 'David Platt', 'PlaceOfBirth': 'Chadderton, Lancashire, England' }
         ];
         $('#grid').grid({
             dataSource: data,
             columns: [ { field: 'ID', width: 56 }, { field: 'Name' }, { field: 'PlaceOfBirth' } ]
         });
     </script> 
    </body>
    </html>

    Install

    npm i jquery-grid

    DownloadsWeekly Downloads

    17

    Version

    1.9.13

    License

    MIT

    Unpacked Size

    753 kB

    Total Files

    58

    Last publish

    Collaborators

    • atatanasov