Question

我正在使用plugin来创建具有单行选择功能的数据表，这样当我点击该行中的任意位置时，它会链接到我的网络应用中的另一个页面。我需要帮助找出如何禁用每行第一列的选择功能。我尝试过使用css规则，但要么它们不起作用，要么应用于第一个以外的列。

表格声明：

var locationTable = $('#locationTable').DataTable({
        dom: 'Brtip',
        buttons: [
          'excel'
        ],
        select: {
          style:    'single'
          //selector: ':not(:first-child)'
          //selector: ':not(td:nth-of-type(1))'
        },
        processing: true,
        serverSide: true,
        ajax: "/locationData",
        length: 10,
        ordering: false,
        "lengthChange": false,
        //sDom : '<"top">lrtip',
        columns: [              
          {data: 'locationname'},
          {data: 'address1'},
          {data: 'address2'},
          {data: 'city'},
          {data: 'state'},
          {data: 'zipcode'},
          {data: 'phone'},
          {data: 'fax'}
        ]
      });

我尝试在除第一行之外的每一列（每行）上配置选择：

//locationTable.select.selector(':not(tr>td:nth-child(1))');
      locationTable.select.selector('tr>td:nth-child(2)');

demo

Answer 1

解决方案：为要启用选择功能的每个列添加CSS规则。在下面的示例中，我希望在除第一列之外的所有列上具有选择功能。 select: { style: 'single', selector: 'tr>td:nth-child(2), tr>td:nth-child(3), tr>td:nth-child(4), tr>td:nth-child(5), tr>td:nth-child(6), tr>td:nth-child(7), tr>td:nth-child(8), tr>td:nth-child(9)' }

DataTables启用在指定列上选择功能

1 个答案: