Answers

• kthorngren Posts: 20,269Questions: 26Answers: 4,765

  March 2017

  You can use columns and columnDefs simultaneously. This link explains the priority of the options between the two.

  You can define the row selection checkbox in columns like this:

  {
      data: null,
      defaultContent: '',
      className: 'select-checkbox',
      orderable: false
   },
  

  The key is to set data: null.

  Kevin
• ryan_ryan Posts: 3Questions: 1Answers: 0

  March 2017

  This looked like it would solve the problem, but it didn't work.

  When I specify:

  select:
      {
          style: "os",
          selector: "td:first-child"
      },
  columns: [
      {
          data: null,
          defaultContent: "",
          className: "select-checkbox",
          orderable: false
      },
      {
          defaultContent: "",
          render:
              function( data, type, row ) {
                  return row.data_type;
              }
      },
      ...
      ]
  

  either with or without

  columnDefs: [
      {
          orderable: false,
          className: "select-checkbox",
          targets: 0
      }
      ]
  
  

  and

  <thead>
      <tr>
          <th>Checked</th>
          <th>Data Type</th>
          ...
      </tr>
  </thead>
  

  as my header, what I see is a table with a totally empty first column and the rest of the columns displayed as I want and expect. No checkboxes appear. Thank you for the help so far. Can you offer any other suggestions?

  Ryan
• kthorngren Posts: 20,269Questions: 26Answers: 4,765

  March 2017

  Have you included the select CSS and JS? The select CSS contains the config to display the checkboxes.

  You only need to define the checkbox in either columns or columnDefs. But having it in both should work.

  Kevin
• ryan_ryan Posts: 3Questions: 1Answers: 0

  March 2017

  No I hadn't. All working now; sorry about that. Your time wasn't in vain, though. I would have needed the first response even without my silly oversight.

  Thank you!