2017-09-26 64 views
0

我正在使用引導數據表,我需要修改某些列中的樣式。如何獲取列和修改其css一旦我剛剛添加一個新行到引導數據表?

我在這一點,我有rowNode,但我不知道如何訪問列和修改其CSS。

var rowNode = t.row.add([ 
        "<input type='checkbox' id='parent_" + data.workItemID + "' data-toggle='collapse' data-target='#child_'" + data.workItemID + "'> </input><label for='parent_" + data.workItemID + "'></label>", 
        "<a href='#' onclick='editWorkItem(" + data.workItemID + ")'><span class='fa fa-pencil'> </span></a><button id='btnDelete' value='delete' type='button' class='btn-link' data-toggle='modal' data-object-id=" + data.workItemID + " data-object-name=" + data.workType + " data-target='#deleteNonInstructionalModal'> <i class='fa fa-trash'></i> </button>", 
        data.workItemID, 
        data.workType, 
        "0", 
        data.academicYear, 
        data.workItem, 
        data.description, 
        "<a href='#' data-toggle='tooltip' data-placement='left' title='" + data.orgHierarchy + "'>" + data.orgLevel + "</a>" 
       ]).draw(false).node(); 

我想讓style =「display:none;」到我有data.workItemID的列。

回答

0

試試這個:

$(rowNode).find('td:eq(2)').hide(); 

$(rowNode).find('td:eq(2)').css('display', 'none'); 

如果使用display:none它會弄亂數據表視圖。

你會更好使用visibility:hidden

$(rowNode).find('td:eq(2)').css('visibility', 'hidden'); 

this瞭解顯示器之間的差異:none和visibility:hidden的

0

你隱藏與

t.column(2).visible(false); 

列你不能設置單個單元格的可見性或顯示狀態。

相關問題