jQuery datagrid 是一款強大的表格展示插件,但在實際開發中,我們有時需要隱藏它的某些列或者行以達到更好的用戶體驗。下面我們來了解一下如何使用 jQuery datagrid 隱藏它的行列。
隱藏列:
//隱藏第二列 $('#dataGrid').datagrid('hideColumn', 'column2');
隱藏行:
//隱藏第三行 $('#dataGrid').datagrid('getRows')[2].hidden = true;
當然,如果需要顯示被隱藏的列或者行,我們同樣可以使用相應的 API 進行顯示:
顯示列:
//顯示之前隱藏的第二列 $('#dataGrid').datagrid('showColumn', 'column2');
顯示行:
//顯示之前隱藏的第三行 $('#dataGrid').datagrid('getRows')[2].hidden = false; $('#dataGrid').datagrid('refreshRow', 2);
以上就是 jQuery datagrid 隱藏列和行的簡單用法,能夠幫助我們更好地控制表格展示。