Question

我需要添加行和列以及使用jquery动态删除表中的行和列。任何人都可以帮助我..

直到现在我正在尝试显示该表并且可配置，这意味着可拖动和可调整大小......

下面是我的代码

</apex:page>
<apex:page Controller="PositionDataTableController" standardStylesheets="false" readOnly="true" showHeader="false" >
<head>
    <apex:includescript value="//code.jquery.com/jquery-1.11.1.min.js" / >
    <apex:includescript value="//cdn.datatables.net/u/dt/dt-1.10.12/datatables.min.js"/>
    <apex:includescript value="//legacy.datatables.net/extras/thirdparty/ColReorderWithResize/ColReorderWithResize.js"/>
    <apex:stylesheet value="//cdn.datatables.net/u/dt/dt-1.10.12/datatables.min.css" />

   <style>
        tr.group,
        tr.group:hover {
        background-color: #ddd !important;
                    }
    </style>
    <script>

   $(document).ready(function(){
        $('#positiontable').dataTable( {
         "sDom": "Rlfrtip"            
  } );

 } );

    </script>
</head>
<body>

    <table id="positiontable" class="display">
        <thead>
            <tr>
                <th align="left">Name</th>
                <th align="left">Cost</th>

            </tr>
        </thead>
        <tbody>
            <apex:repeat value="{!book}" var="bk">
                <tr>
                    <td>{!bk.Name}</td>
                    <td>{!bk.Cost__c}</td>                        
                </tr>
            </apex:repeat>
        </tbody>
    </table>
</body>

Answer 1

使用

table.fnAddRow(['Sfdc','learner']);

在表格中添加行

并从数据表中删除行

table.fnDeleteRow(row);

表是数据表对象。 row是要删除的数据表行对象

另见this

使用jquery动态添加和删除表中的行和列

1 个答案: