zoukankan      html  css  js  c++  java
  • js动态删除某一行,内容超出单元格后超出的部分用省略号代替

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="../lib/jquery.js"></script>
        <title></title>
        <style>
            table{
                table-layout:fixed;
                width:30%;
            }
            td{
                 white-space:nowrap;        
                  overflow:hidden;          
                  text-overflow:ellipsis; 
            }
        </style>
    </head>
    <body>
        <table id="sdktable" class="sdk-union-table" style="border-collapse:collapse" border="1">
            <tr id="symbol0">
                <td class="cname">明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息明天休息</td>
                
                <td><input type="button" value="delete" onclick="removeRow(this);" /></td>
    
            </tr>
        </table>
        <script>
            function removeRow(row) {
                var i = row.parentNode.parentNode.rowIndex
                document.getElementById('sdktable').deleteRow(i)
    
            }
            
        </script>
    </body>
    </html>
  • 相关阅读:
    STL源码剖析:迭代器
    STL源码剖析:配置器
    [bzoj3940][Usaco2015 Feb]Censoring
    [bzoj2212][Poi2011]Tree Rotations
    [bzoj2733]永无乡&&[bzoj3545]Peaks
    挂个AC自动机
    [bzoj4237]稻草人
    莫比乌斯反演定理证明
    斜率优化dp学习
    备忘
  • 原文地址:https://www.cnblogs.com/alisayuan/p/4788665.html
Copyright © 2011-2022 走看看