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

Posted 2023-05-07

技术标签:

【中文标题】使用jquery动态添加和删除表中的行和列【英文标题】：Add and delete rows and columns in a table dynamically using jquery 【发布时间】：2016-10-29 02:19:56 【问题描述】：

我需要使用 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>

【问题讨论】：

提供更多信息.. 到目前为止你有什么尝试？？欢迎来到 SO。请访问help center 并使用tour 了解询问内容和方法。提示：邮政编码和努力 【参考方案1】：

使用