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

DataTables在指定列上启用选择功能,datatables,Datatables,我正在使用创建一个具有单行选择功能的数据表,这样当我单击行中的任意位置时,它就会链接到我的web应用程序中的另一个页面。我需要了解如何在每行的第一列禁用select功能的帮助。我尝试过使用css规则,但它们要么不起作用,要么应用于第一列以外的列 表格声明: var locationTable = $('#locationTable').DataTable({ dom: 'Brtip', buttons: [ 'excel' ],

我正在使用创建一个具有单行选择功能的数据表,这样当我单击行中的任意位置时,它就会链接到我的web应用程序中的另一个页面。我需要了解如何在每行的第一列禁用select功能的帮助。我尝试过使用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'}
        ]
      });

解决方案:为希望启用选择功能的每列添加CSS规则。在下面的示例中,我希望在除第一列之外的所有列上都具有select功能。

选择:{
风格:“单身”,
选择器:'tr>td:n个孩子(2),tr>td:n个孩子(3),tr>td:n个孩子(4),tr>td:n个孩子(5),tr>td:n个孩子(6),tr>td:n个孩子(7),tr>td:n个孩子(8),tr>td:n个孩子(9)'
}

解决方案:为希望启用选择功能的每个列添加CSS规则。在下面的示例中,我希望在除第一列之外的所有列上都具有select功能。

选择:{
风格:“单身”,
选择器:'tr>td:n个孩子(2),tr>td:n个孩子(3),tr>td:n个孩子(4),tr>td:n个孩子(5),tr>td:n个孩子(6),tr>td:n个孩子(7),tr>td:n个孩子(8),tr>td:n个孩子(9)'
}

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