用于创建jQuery jTable的全套选项

用于创建jQuery jTable的全套选项,jquery,jquery-jtable,Jquery,Jquery Jtable,我可以创建jQuery jTable,但我希望它的配置与我使用的示例创建的表不同 我没有看到在文档中创建表时可以使用的可配置选项列表 这种类型的文档是否存在 例如,如何在没有添加新记录选项的情况下创建jTable 这是我目前掌握的代码: <%@ include file="/WEB-INF/jsp/headerfooter/header/pageHeader.jsp"%> <html> <head> <!-- jQuery

我可以创建jQuery jTable,但我希望它的配置与我使用的示例创建的表不同

我没有看到在文档中创建表时可以使用的可配置选项列表

这种类型的文档是否存在

例如,如何在没有添加新记录选项的情况下创建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>

以下是jTable定制选项的完整列表:

尽管删除addnewrecord按钮的文档很少,但您可以尝试在初始化选项中将addRecordButton设置为false

$('#PersonTableContainer').jtable({
    addRecordButton: false
});

Doh,我只是没有看到文档部分顶部的链接。我想我希望它是一个标签。没问题:我也必须自己用谷歌搜索才能找到它们,但我记得以前用过它们,所以我知道它们必须是某个地址。RecordButton:false不起作用。我还尝试了未定义,但没有成功。创建一个空div并使用addRecordButton:$'emptyDivId'确实有效。