我能够创建一个jQuery jTable但是我想要的配置与我工作的示例创建的表不同。
http://jtable.org/GettingStarted
我没有看到可以在文档中创建表格时可以使用的可配置选项列表。
http://jtable.org/Home/Documents
此类文档是否存在于某处?
例如,如何在没有"添加新记录的情况下创建jTable"选项?
这是我到目前为止的代码:
<%@ include file="/WEB-INF/jsp/headerfooter/header/pageHeader.jsp"%>
<html>
<head>
<!-- jQuery-ui dependencies (needed by jQuery jTable) -->
<script src="${home}/static/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<!-- jQuery jTable dependencies -->
<link href="${home}/static/jtable.2.4.0/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css" />
<script src="${home}/static/jtable.2.4.0/jquery.jtable.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#PersonTableContainer').jtable({
title: 'Table of people',
actions: {
listAction: '/GettingStarted/PersonList',
createAction: '/GettingStarted/CreatePerson',
updateAction: '/GettingStarted/UpdatePerson',
deleteAction: '/GettingStarted/DeletePerson'
},
fields: {
PersonId: {
key: true,
list: false
},
Name: {
title: 'Author Name',
width: '40%'
},
Age: {
title: 'Age',
width: '20%'
},
RecordDate: {
title: 'Record date',
width: '30%',
type: 'date',
create: false,
edit: false
}
}
});
});
</script>
</head>
<div id="PersonTableContainer"></div>
</html>
答案 0 :(得分:1)
以下是jTable自定义选项的完整列表: http://jtable.org/ApiReference/GeneralOptions
虽然删除“添加新记录”按钮时文档有点不足,但您可以尝试在初始化选项中将addRecordButton
设置为false。
$('#PersonTableContainer').jtable({
addRecordButton: false
});