如何将 jquery jtable 转换为 html table。

Question

如何将jqueryjtable转换成htmltable。这样我就可以使用 javascript 来指定行或列。它会自动创建 html table，但我找不到它。

这是我的 jsp 文件：-

<!DOCTYPE html>
<html>
<head>
<title>Status</title>
<%@include file="includes/header.jsp" %>
<script type="text/javascript">



        $(document).ready(function() {
                $('#StatusContainer').jtable({
                        title : 'Status List',
                        selecting: true, 
                        multiselect: true, 
                        selectingCheckboxes: true,
            prefix:'record.',

                        actions : {
                                listAction  : 'status-list.action',
                                createAction: 'status-create.action',
                                updateAction: 'status-update.action',
                                deleteAction: 'status-delete.action'
                        },
                        fields : {

statusId : {
                                        title : 'Id',
                                        width : '30%',
                                        key : true,
                                        list : true,
                                        create : false
                                },








            statusValue : {
                                        title : 'Status Value',
                                        width : '30%',
                                        edit : true
                                },



                        }
                ,
            formCreated:function(event, data){
                $.each(data.form.find(':input'), function (i, val){
                    val.name="record."+val.name;
                })
            },});
                $('#StatusContainer').jtable('load');
        });
</script>

</head>
<body>
<jsp:include page="./includes/menu.jsp"></jsp:include>
<div class="row">
    <div class="column small-12">
        <h1>Status List</h1>
    </div>
</div>
<div class="row">
    <div class="column small-12">
        <div id="StatusContainer"></div>
    </div>
    </div>
</html>

This is the view of table

Answer 1

据我所知，官方没有将 jTable 转换为普通 html table 的方法。但是使用非官方的方式，你可以获得这样的 table 字符串内容：

$("#StatusContainer").data("hikJtable")._$table

Answer 2

只需使用 jQuery 即可找到 table

$('#StatusContainer').find('table');

可能更有用的查询是

$('#StatusContainer').find('tbody tr').each(function () {
    // this will be each tr in the table
});

这对于小计等很有用，但要更改 table，请使用适当的接口、addRecord 或 updateRecord 来同步数据库。

如何将 jquery jtable 转换为 html table。

how can I convert jquery jtable into html table.

jquery

jquery-jtable