使用jQuery DataTables的列颜色

时间:2017-04-30 18:41:39

标签: javascript jquery html datatables

我有两个问题:

  1. 如何使用jQuery DataTables为列着色?
  2. 如何使用DataTables填充列?
  3. 我使用下面的代码并希望了解相同的示例。
    (我使用JSON数据来填充我的表格)

    $(document).ready(function() {
      var resultArray = [
        ["290013", "TEST OF ENSEMBLE", "11-25-2016", "", "", "22001204", "TEST EP PRODUCT FOR DEVELOPMENT", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],
        ["290015", "XXX5", "10-19-2016", "test", "$33.00", "22001204", "TEST EP PRODUCT FOR DEVELOPMENT", "2002", "XXX5", "XXX5", "XXX5", "", "1864", "2017", "VERSION", "23004746", "XXX5", "", "One Time", "", "", "", "", "", "", "21004482", "9189", "Feature Set", "20003880", "XXX5", "XXX5", "BASE", "19-APR-2017", "04-18-2017", "3877", "", ""],
        ["290015", "XXX5", "10-19-2016", "test", "$33.00", "22001204", "TEST EP PRODUCT FOR DEVELOPMENT", "", "", "", "", "", "1865", "Deluxe", "EDITION", "", "", "", "", "", "", "", "", "", "", "", "9190", "Charge", "", "", "", "", "", "", "", "", ""]
      ];
      var table = $('#example').DataTable({
        columns: [{
          title: 'Item Master Number',
          name: 'ItemMasterNumber'
        }, {
          title: 'Description',
          name: 'Description'
        }, {
          title: 'First Processing Date',
          name: 'FirstProcessingDate'
        }, {
          title: 'Alias',
          name: 'Alias'
        }, {
          title: 'Master Price',
          name: 'MasterPrice'
        }, {
          title: 'Product Id',
          name: 'ProductId'
        }, {
          title: 'Product Description',
          name: 'ProductDescription'
        }, {
          title: 'Feature Set#',
          name: 'FeatureSetId'
        }, {
          title: 'Feature Set Code',
          name: 'FeatureSetCode'
        }, {
          title: 'Feature Set Name',
          name: 'FeatureSetName'
        }, {
          title: 'Feature Set Description',
          name: 'Feature Set Description'
        }, {
          title: 'Enablement Type',
          name: 'Enablement Type'
        }, {
          title: 'Feature Id',
          name: 'FeatureId'
        }, {
          title: 'Attribute Name',
          name: 'AttributeName'
        }, {
          title: 'Attribute Value',
          name: 'AttributeValue'
        }],
        data: resultArray,
        rowsGroup: [
          // Always the array (!) of the column-selectors in specified
          // order to which rows groupping is applied.
          // (column-selector could be any of specified in:
          // https://datatables.net/reference/type/column-selector)
          'ItemMasterNumber:name',
          'Description:name'
        ],
        pageLength: '20',
      });
    });
    

0 个答案:

没有答案