數據表：根據隱藏的列值隱藏行

Question

我正在使用dataTable插件在jsp中顯示我的表。 我也想使用復選框選項。 像這里的東西

DataTables：根據列中的值過濾行

在這種情況下，不隱藏類型的值。 但在我的表中，隱藏了第一列的值。 在這種情況下如何編寫JavaScript。

我的數據表看起來像這樣：

var userTable = $("#users").dataTable({
                    "sPaginationType": "full_numbers",
                    "bPaginate": true,
                    "bScrollCollapse": true,
                    "iDisplayLength": 10,
                    "bFilter": false,
                    "bJQueryUI": true,
                    "aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }],

                });

只有在未隱藏列值時，我才能使用鏈接中給出的解決方案。

function Clear() {    
    $('#users tr').show();}function Search(word) {
    Clear();
$('#users tr > td:first-child').each(function () {
        if ($(this).html() != word) {
             $(this).parent().hide();
        }
     });
}

我的標簽看起來像這樣：

<label>
  <input type="radio" name="RadioGroup1" value="radio1" id="radio1" onclick="Search('1')"/>
  Enabled</label>
<label>
  <input type="radio" name="RadioGroup1" value="radio2" id="radio2" onclick="Search('0')"/>
  Disabled</label>
  <label>
  <input type="radio" name="RadioGroup1" value="radio3" id="radio3" onclick="Clear()"/>
  All</label>

Answer 1

您可以使用數據表的afnFiltering功能

$.fn.dataTableExt.afnFiltering.push(function(oSettings, aData, iDataIndex) {
    var $radio = $("input[name='RadioGroup1']:checked").val();
    // show everything
    if ($radio == "all")
        return true;
    else // Filter column 1 where matches RadioGroup1.value
        return aData[0] == $radio;
});

http://jsfiddle.net/np8875Lm/1/