如何使用 jQuery DataTables 呈现单选按钮组

Question

我正在使用 jQuery DataTables，需要一种方法来在数据表中的列上呈现单选按钮，此呈现必须通过 JavaScript 而不是来自 JSON 结果。

Answer 1

解决方案

您可以使用render 选项为单元格生成内容。

考虑以下示例：

var table = $('#example').DataTable({
    ajax: 'https://api.myjson.com/bins/1us28',
    order: [[1, 'asc']],
    columnDefs: [
        { 
            targets: 0,
            searchable: false,
            orderable: false,
            render: function(data, type, full, meta){
               if(type === 'display'){
                  data = '<input type="radio" name="id" value="' + data + '">';      
               }

               return data;
            }
        }
    ]
});

演示

有关代码和演示，请参阅 this jsFiddle。