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>
时间: 2024-10-03 10:10:21

js动态删除某一行,内容超出单元格后超出的部分用省略号代替的相关文章

js动态删除div元素

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成.用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示.所以考虑到用js来搞. 这个for循环就是移除已有的表单.然后根据Ajax请求过来的数据,动态生成新的表单对象.一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记) for(va

PHP 爬虫体验(三) - 使用PHP + puppeteer爬取js动态渲染的页面内容

之前写的两篇爬虫体验基本上涵盖了一般的Html页面提取场景,但是有些时候,如果目标页面不是纯静态的页面,而是使用js动态渲染的页面(比如one),之前的爬虫就不好使了,这种时候就要借助一些其他工具来进行实现. 一般爬取动态页面的思路是通过软件模拟浏览器行为获取到渲染后的页面镜像,然后再对渲染后的页面进行分析,常用的工具有selenium,phantomJs,puppeteer等,通过对项目维护程度.对PHP友好度的对比,我选用的是puppeteer. 根据官方介绍,谷歌在2017年开发了自家Ch

iOS:删除、插入、移动单元格

删除.插入.移动单元格的具体实例如下:   代码如下: 1 #import "ViewController.h" 2 #define NUM 20 3 typedef enum 4 { 5 deleteCell, 6 addCell, 7 moveCell, 8 }cellState; 9 @interface ViewController ()<UITableViewDataSource,UITableViewDelegate> 10 @property (weak, n

Objective-C:删除、插入、移动单元格

删除.插入.移动单元格的具体实例如下:   代码如下: 1 #import "ViewController.h" 2 #define NUM 20 3 typedef enum 4 { 5 deleteCell, 6 addCell, 7 moveCell, 8 }cellState; 9 @interface ViewController ()<UITableViewDataSource,UITableViewDelegate> 10 @property (weak, n

Easyui datagrid 设置内容超过单元格宽度时自动换行显示

datagrid 设置内容超过单元格宽度时自动换行显示 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 单元格内容超过单元格宽度不会自动化换行.如下: 图1: 图2: 解决方法 定义表格时,设置nowrap属性为false. <table id='tt' class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:

不能删除电子数据表的单元格

使用OleDB方式操作Excel,删除Excel中的表时提示该错误.非常是奇怪(只是也是见怪不怪了,微软的东西就喜欢给出一些莫名其妙的错误提示),昨天还能删除的,今天就删除不了了(只是昨天到今天确实有个大动作.把系统Ghost到了SSD固态硬盘上了,但操作的Excel文件路径并没有改变). 具体错误信息: {System.Data.OleDb.OleDbException (0x80004005): 不能删除电子数据表的单元格. 在 System.Data.OleDb.OleDbCommand.

请教 JTable 里的单元格如何使得双击进入单元格后,单元格的内容处于全选中状态

http://bbs.csdn.net/topics/390195204 ———————————————————————————————————————— java 达人, 最近在开发一个 java 模块,用到了 JTable.现在对 JTable 里的单元格的操作中,在双击进入单元格后,单元格的内容不是全选中状态. 请问有啥办法使得双击进入单元格后,单元格的内容处于全选中状态?如下面的图片所示 十分感谢! 下面是已经写好的代码: Java code? 1 2 3 4 5 6 7 8 9 10

JQuery实现相同内容合并单元格

web前端开发的时候经常会遇到要做表单的页面或者做一些表格的效果如相同内容要同一个单元格里面显示,一般的方法是table里面在套table但是这种方法会增加页面的负担影响页面加载速度但是如果用DIV有不好控制写的css样式要很多,那怎么办呢?我们就中和下利用JQuery来和他一个table里面相同内容的单元格,这里代码跟大家分享下,希望对大家有用,如下: 头部JQuery代码 代码如下: <script type="text/javascript">  jQuery.fn.

CSS控制TD内的文本超出指定宽度后不换行而用省略号代替

<style type="text/css"> .lineOverflow { width: 100px; border:#000 solid 1px; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ overflow: hidden; } </style> <table style="table-layout:fixed; width: 200px;"> <t