如何将jquery jtable转换为html表。

时间:2016-10-05 06:58:23

标签: jquery jquery-jtable

如何将jquery jtable转换为html表。这样我就可以使用javascript来指定行或列。它会自动创建html表,但我无法找到它。

这是我的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

2 个答案:

答案 0 :(得分:0)

AFAIK,没有将jTable转换为普通html表的官方方法。 但是使用非官方的方式,你可以得到像这样的表字符串内容:

  

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

答案 1 :(得分:0)

只需使用jQuery查找表

123

可能是一个更有用的查询

{

这对于小计等很有用,但要更改表,请使用正确的接口addRecord或updateRecord来同步数据库。