Answers

• GregP Posts: 497Questions: 9Answers: 0

  January 2016 edited January 2016

  I have something almost identical, so I think I can help!

  In the initialization, I use the columns option. If I'm not mistaken, aoColumns is the same thing, using legacy nomenclature. My columns for one of my tables looks like this:

        "columns": [
          {"data": "username",
            "title": "User Name"
          },
          {"data": "homeDirectory",
            "sortable": false,
            "title": "Home Directory"},
          {"data": null,
            "sortable": false,
            "defaultContent": fcapp.render.tools("user"),
            "createdCell": function (td, cellData, rowData, row, col) {
              $(td).addClass('toolcell');
              }
            }
          }
        ]
  

  So, the first two columns contain data found in the JSON, with the keys "username" and then "homeDirectory". The third column contains action buttons like yours. So the difference with this column is that the data attribute has a null value and defaultContent is populated with markup. The method fcapp.render.tools("user") that I supply to defaultContent is just an HTML concatenator and returns a string of HTML.

  I also add the class "toolcell" to the entire cell in the createdCell callback so that I can potentially bind a click listener to the whole cell instead of the contents, as well as streamline any CSS that goes into that cell.