JQuery JTable是一個方便快捷的前端頁面數據呈現組件，它通過自動化的方式將服務器返回的數據呈現在頁面中，而且用戶可以通過各種自定義設置實現不同的展示效果。其中一個常用的功能就是隱藏列選項，可以隱藏任意一列中的數據，以適應不同的業(yè)務需求。

$(document).ready(function () {
$('#data-table').jtable({
title: '數據表格 Demo',
paging: true, // 是否開啟分頁功能
pageSize: 10, // 每頁顯示的數據條數
sorting: true, //是否開啟排序功能
defaultSorting: 'Age ASC', // 默認排序規(guī)則
actions: {
listAction: '/Student/StudentList', // 從后臺獲取數據的api接口
createAction: '/Student/Create', // 添加一條數據
updateAction: '/Student/Update', // 修改一條數據
deleteAction: '/Student/Delete' // 刪除一條數據
},
fields: {
StudentId: {
key: true,
list: false
},
FirstName: {
title: '名字'
},
LastName: {
title: '姓氏'
},
Age: {
title: '年齡',
width: '15%',
list: false
},
Gender: {
title: '性別',
options: { 'M': '男', 'F': '女'}
}
}
});
// 隱藏某一列
$('#data-table').jtable('hideColumn', 'Age');
});

上述代碼主要是通過jQuery JTable插件提供的hideColumn方法，進行選中列的隱藏操作。所以通過設置一個參數“l(fā)ist: false”就可隱藏某一列。同理，您也可以通過removeColumn方法刪除某一列。

除此之外，您還可以通過在頁面中添加隱藏列相關的按鈕等交互操作，讓用戶可以靈活的自主選擇需要隱藏的列，從而讓您的應用更加實用。