精华内容
下载资源
问答
  • 功能说明 项目有一个功能是需要根据某一行数据的信息展示与这一行数据相关的详细信息,去...然后开始着手自己来做,首要考虑的是在获取的某一行数据后面创建一个相同的元素,每一行都表示一个tr元素,我只要拿到...

    功能说明

           项目中有一个功能是需要根据某一行数据的信息展示与这一行数据相关的详细信息,去百度里面搜索查看各种教程,都没有找到合适的,然后只能自己想办法来实现。效果如下:

    功能实现

           最开始时,没什么思路,看各种教程也没找到合适的例子可以复制、粘贴的。然后开始着手自己来做,首要考虑的是在获取的某一行数据后面创建一个相同的元素,每一行都表示一个tr元素,我只要拿到需要展示信息这一行的tr元素,则可以使用after在其后面添加一个tr行。把tr当做一个展示区域,然后在这个展示区域里面在初始化一个表格则可以实现这个功能。

          有了思路后,然后开始做这个功能。数据表格的第一行是一个向右的箭头图标,初始化时向右,当点击展开某一行时,则让其显示一张新的图片,让其显示一张箭头向下的图标即可。给第一行添加单击事件时,可以传入必要的参数和一个指代当前对象的this。由于前端框架使用的是layui,第一行真实的数据在向上找三层,则可以用找到这一行对应的tr元素,进行添加工作。

           按照这种设计思路一步一步来,马上问题接踵而至,如怎么控制让其第一行显示向下的箭头还是向右的箭头。这肯定需要某个变化的值来进行控制,好在html中可以对某个元素添加自定义属性,利用这个功能可以解决。初始化表格时,先给其一个默认的value值,然后点击时获取这个value值进行判断来控制其是需要展示向下还是向右的图片,问题解决。由于初始化时显示的是多行,每一行又有多列,然后在创建tr时,其展示的只有一列,这时则需要设置colspan属性即可。还有问题,当关闭某一行显示的详情时怎么处理呢?这时则需要删除之前的创建的元素。最后遇到的一个问题是,每次显示数据表格中某一行的详情时,详情里面还需要对新的数据表格进行操作,这时则需要每一个展示的数据表格都具有唯一的id,如何来做的?那就是在每一行数据中找一个具有唯一标识的字段来建立一个唯一的数据表格的id即可。核心代码如下:

    //显示某一行详情
    function show_row_info(e, mcode) {
        let $type = $(e).attr('value');
        //获取当前元素的父元素tr
        let temp_tr = $(e).parent().parent().parent();
        if ('right' === $type) {
            $(e).css({"background-image": `url("{{projcfg.base}}/static/images/model/icon-table-down.png`});
            $(e).attr('value', 'down');
            //添加一个新元素,table的id不能一样,否则不能正常初始化表格
            let table_id = `table_${mcode}`;
            temp_tr.after(`<tr style="width: 100%;height: 100%;"><td colspan="9" width: 100%;height: 100%;"><table id="${table_id}"></table></td></tr>`);
            load_fold_table(mcode, table_id);//加载某一行的数据详情
        } else if ('down' === $type) {
            $(e).css({"background-image": `url("{{projcfg.base}}/static/images/model/icon-table-right.png`});
            $(e).attr('value', 'right');
            //移除新添加的元素
            temp_tr.next().remove();
        } else {
            console.error('类型错误!');
        }
    }

     

    经验总结

           项目开发中拿到需求或者是某些无从下手的问题时,先去百度里面根据关键词搜索相应的解决办法,看看有没有类似的。如果有那很好,拿过来稍微改动直接使用即可。如果没有那就自己想办法解决,先思考大致的思路,然后跟着这个思路去一步一步的实现需要实现的功能。这当中肯定会遇到很多很多的问题,我想办法总比困难多,大多数难题最终都能够解决。

    展开全文
  • jquery获取表格table中某行某

    万次阅读 2015-03-20 12:08:52
    以前没有jquery时候,我们要操作表格,用JS话,是很麻烦,至少站长以前用JS来操作表格的时候,都是要到网上找封装好函数,然后复制过来使用, 但是现在有了jquery后,操作表格table起来变得非常...

    http://www.angelweb.cn/Html/jquery/jqueryshili/2870.html

    以前没有jquery的时候,我们要操作一个表格,用JS的话,是很麻烦的,至少站长以前用JS来操作表格的时候,都是要到网上找封装好的函数,然后复制过来使用的,

    但是现在有了jquery后,操作表格table起来变得非常的容易,来看下面的几个实例,你就能明白了:

    实例1:获取表格第一行第二列的值:

    <script language="javascript">
    var t=$("table tr:eq(0) td:eq(1)").text();
    </script>
    实例2:遍历表格的所有行和列,把所有表格中的数字加1:
    <script language="javascript">
    $("table tr td").each(function(){
       var d=$(this).text()*1+1;
       $(this).text(d);
    });
    </script>

    实例3:让表格第一行中的所有内容自动加粗:

    <script language="javascript">
    $("table tr:eq(0) td").each(function(){
       $(this).css("font-weight","bold");
    });
    </script>
    展开全文
  • 工作和学习,我们往往需要删除一大段文本或者excel表格内包含某一字符所有。ps:如果只要删除所有特定字符(注意不是删除所有),那直接替换为空白就了,不赘述。工具/原料 excel表格方法/步骤1.将需要...

    工作和学习中,我们往往需要删除一大段文本或者excel表格内包含某一字符的所有行。

    ps:如果只要删除所有的特定字符(注意不是删除所有行),那直接替换为空白就行了,不赘述。

    工具/原料
    excel表格

    方法/步骤

    1.将需要处理的文本文件内容全部复制到excel表格,如果要处理的是excel文件则忽略这一步骤。
    如图所示,把示例文件全部拷贝到excel的A列。

    2.选中文件所在的列,按Ctrl+F查找,将需要删除的特定字符(示例中的send)全部查找出来。
    ps:如不选中文件所在的列,就查找不到。

    3.查找之后会显示如图内容,按Ctrl+A选中所有的查找结果。

    4.这时你会发现excel表格内所有包含send的行都会出现绿色标记,如图所示。然后直接在任意有绿色标记的一行点击鼠标右键,选择删除。

    5.弹出选择框,选“整行”。

    6.结果如图所示,含有send的所有行已经被删除,且中间不会产生空白行。如果你是文本文件,再把excel表格的内容全部复制出去即可。

    展开全文
  • 写博客时用到markdown表格,但是复制的文字没有“|”所以无法用作markdown表格里,选择先复制到Excel里,再给每个单元格加上“|”,然后复制到markdown里即可呈现表格效果。所以查了下如何给Excel里每个单元格快速...

    写博客时用到markdown表格,但是复制的文字没有“|”所以无法用作markdown表格里,选择先复制到Excel里,再给每一个单元格加上“|”,然后复制到markdown里即可呈现表格效果。所以查了下如何给Excel里每个单元格快速加上“|”。


    方法:
    1、新增一列在需要加内容的后方;
    2、在该列中输入=”要加的内容”&要加内容的单元格名称;
    3、鼠标置于单元格右下角,变为“+”号时,向下拖动,即可。
    例:
    要加的内容为”|”,要加内容的单元格为A1,则在单元格内输入:=A1&”|”
    成功实现了需要的效果。其实这里用的&是Excel的连接功能。


    查询时还有网友提供一种方法是:
    在新的一列输入要加入的文字,然后复制,再选中要增加的列右键选择性粘贴选择上运算里的”加”即可,但是我试了试没有成功,欢迎讨论,如果您有有更好的办法,多谢提供。

    展开全文
  • 需求:按照标题C内容,一样数据整理到个文件。 二.操作: 1.atl+F11弹出vb窗口 2.点击 插入===》模块 ,复制以下代码,注意这是个表头为三行的函数(保存) Sub 保留表头拆分数据为若干新工作...
  • react 复制antd表格行

    2020-07-09 00:02:45
    需求:表格操作列已有“编辑”、“删除”功能,...且对复制数据和被复制数据中的某一条进行“编辑”或“删除”操作时,由于索引index一样,多条数据会同时被操作。 2)将dataSource拷贝到新数组copyRows中,给copyRow.
  • Excel表格,想以其中某一列为索引,查找另一个表格中同样索引的行,找到该行某个内容复制到原来表格指定位置中。还可以删除原有表格中重复内容。应用场景非常多,比如:利用学生学号和考场分配表查找学生...
  • python怎样按某一列值拆分Excel表格

    千次阅读 2021-01-27 19:20:26
    本次以“按照表中的某一列,将一张表格拆分为多张表”的需求为例,简单介绍这个过程中用到的pd.ExcelWriter,及每一句的作用。 如上表《学生.xlsx》,假设有14万28列,请按照学校名,拆分表格(不想用复制粘贴)...
  • 内容索引:脚本资源,Ajax/JavaScript,Ajax,动态表格,仿Vista 一个Ajax动态可编辑的表格,仿Vista按钮风格,可选中表格的某一行进行编辑,可整体搜索表格内的数据,也可复制、删除表格中的对象,确实不错。
  • 将excel表格中某行两列或者多列单元格内容合并到个新列中 方法:使用&符号连接单元格内容 如下表: 如果需要加空格或者分隔符,则在&符号前加空格或者分隔符 方法二:Office剪贴板复制...
  • datagridview复制粘贴与单元格内容

    千次阅读 2015-07-01 16:15:40
    最近遇到个关于datagridview快捷键复制、粘贴、剪切、删除等操作问题:在个主菜单定义了Ctrl+C、Ctrl+V、Ctrl+T、Delete等快捷键操作主界面,MDI子窗体datagridview需要既能够使用这些快捷键操作表格...
  • 问:通过表单获取表格中某一行的数据进行修改时,表格中数据会跟着发生变化,而且绑定的数据不是同一个数据,表格中的数据是某个数组,表单中是另一个对象。 因为获取表格中某一行数据的row是object类型,直接赋值...
  • 用Javascript动态添加和删除表格行

    千次阅读 2004-10-16 15:48:00
    如上图所示,如果要在表格的某行上面或下面添加新的一行,并且保证单元格所有标签都一样,一般都是用clone的方法。但是发现clone方法对IE要求较高,须是6.0,所以我放弃这个方法,通过取得各个单元格内的html,...
  • 如上图所示,如果要在表格的某行上面或下面添加新的一行,并且保证单元格所有标签都一样,一般都是用clone的方法。但是发现clone方法对IE要求较高,须是6.0,所以我放弃这个方法,通过取得各个单元格内的html,...
  • 一个Ajax动态可编辑的表格,仿Vista按钮风格,可选中表格的某一行进行编辑,可整体搜索表格内的数据,也可复制、删除表格中的对象,确实不错。
  • 自动筛选后直接复制粘贴是会把数据全部粘到新表中的的,一行行用鼠标拖更加麻烦,一个简单方法是点击菜单栏:编辑->定位->定位条件->当前区域,然后ctrl+c,再ctrl+v。 自己试验了一下宏并改了...
  • C# 复制(带格式)Excel工作表

    千次阅读 2018-03-29 16:33:15
    在不同工作簿之间不同工作表间进行复制(这里的复制是包含了复制数据、边框、底纹、公式等原数据表格的所有内容)另外,对于Excel表格数据的复制,除了针对整篇工作表的复制外,也可以只复制工作表中某一行或者列...
  • 统计整理分类工作步骤是把视频文件名称来源类别信息录入到 excel 表格中,才能进行下一步工作。 大家面面相觑,逐一手工复制视频文件名称粘贴至 excel 表格中,耗时费力,数据准确度也不会太高。 我自告奋勇...
  • “excel匹配设置.txt”包含四行内容,如软件中的示例:各行的含义如下:第一行:匹配的excel源文件的绝对路径(如果文件在本软件根目录下,请直接输入文件名称即可)。第二行:源文件里需要进行匹配的列数。第三行:...
  • 43. 禁止复制隐藏或列中的数据 27 44. 制作个性单元格 27 、 数据输入和编辑技巧 28 45. 在个单元格内输入多个值 28 46. 增加工作簿的页数 28 47. 奇特的F4键 29 48. 将格式化文本导入EXCEL 29 49. 快速换行 ...
  • eclipse中的快捷键

    2020-01-12 19:01:31
    快速注释某一行 Ctrl + C 复制选中内容 Ctrl + V 粘贴 Alt + ↑或↓ 把光标所在行向上或向下移动 Ctrl + Alt + ↑或↓ 复制光标所在行内容 Ctrl + Shift + T 查询API Ctrl + O 类索引 ...
  • 但是我不知道怎样按去读Excel表格的数据,百度一下吧。文件读取好像答案不是我想要结果。好吧,搜一下Java读取Excel吧,这个是我要方法了。 import java.io.File; import jxl.Sheet; import
  • 如果要结果,可以到工左侧(一般有好几级),选哪个2级,然后选中,在编辑----定位----定位条件---可见单元格---确定,,复制,粘贴到新的表格或者另一个位置,就可以输出了求java代码,修改excel中某一值给你个...
  • 原先UBB参数设置中的发帖模式作用目前刚好相反,比如原先设为普遍模式现在将视为高级模式 .增强一些论坛编码 - 图片允许批定高度和宽度,格式为[IMG=边框粗细,排版方式,高度,宽度] - 允许单独指定文字的背景色,格式...
  • ** Office操作部分题库泄露 ** 1)Word文档中有一个5行×4列的表格,如果要将另外一个文本文件中的5行文字拷贝到该表格中,...B)将文本文件中的5行文字,一行一行复制、粘贴到Word文档表格对应列的5个单元...
  • Excel一些常用操作 #F0301 1、复制一列(多行)数据: ...2、Excel表格中某一列减去一个值: 任意单元格输入一个“固定值”(任意数字就好),然后复制这个单元格,然后选中需要变化列,单击鼠标右键,选择...
  • 操作时可以利用窗口中的按钮进行自动处理,你也可以在工作表中按你平时使用方式直接操作,只是需注意对本总表的惟一要求是:第行为表格项目且有班级列和不合并单元格即可,其它不受任何限制。 窗口中各按钮作用...
  • excel使用

    2012-11-25 17:06:01
    比如,假设在某一河流生态调查工作表,B2包含“物种”、B3包含“河鳟鱼”,B7包含总数45,那么: 输入“=CONCATENATE("本次河流生态调查结果:",B2,"",B3,"为",B7,"条/公里。")” 计算结果为:本次河流...
  • 操作时可以利用窗口中的按钮进行自动处理,你也可以在工作表中按你平时使用方式直接操作,只是需注意对本总表的惟一要求是:第行为表格项目且有班级列和不合并单元格即可,其它不受任何限制。 窗口中各按钮作用...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 210
精华内容 84
关键字:

复制表格中的某一行