精华内容
下载资源
问答
  • 做表格怎么删除一行
    千次阅读
    2021-08-05 01:47:01

    EXCEL表格里,有些字体中间被划掉了,怎么操作的?

    选中该单元格,右键设置单元格格式。勾选删除线即可。取消的话,就不勾。

    如何在Excel中的数字上划一横线

    选择数据,单击鼠标右键,“设置单元格格式”“字体”中的“特殊效果”中,勾选“删除线”,确定,即可。

    详见附图示例:

    怎么在excel中的文字中间划一道横线?

    WORD:字符,选菜单里:格式——字体,里面有下划线类型是在字下面划,旁边的“号”就是可以选是否在字下面加圆点;还面的“效果”就是删除线和双删除线,

    EXCEL:菜单,格式——单元格,里面有加下划线和删除线,好像没有字下面加点的.试一试吧!

    EXCEL 2013 中,把字中间加一道横线(划掉)的操作在哪儿

    右键--设置单元格格式--字体--勾选 删除线--确定

    搞定

    怎么在excel中的文字中间划一道横线?

    在“excel”中文字中间划一道横线,用删除线实现。

    方法步骤如下:

    1、打开需要操作的EXCEL表格,选中相关单元格,并通过键盘“Ctrl 1”进入设置单元格格式。

    2、在字体标签页中,找到“删除线”,并在其前面方框中打上选勾符号,然后点击确定即可。

    3、返回EXCEL表格,发现在“excel”中字中间划一道横线操作完成。

    EXCEL电子表格一行中间画一条删除线怎么画

    1、以excel2010版例,如图首先选中要画删的行,然后点标右键,在弹出框里选择“设置单格式”;

    2、在弹出框里,点击“字体”一栏,在下面特殊效果里的删除线前面打上勾,然后点击确定;

    3、就会看到这一行的单元格中间都画上了一条删除线;

    4、如果要画的是连续的删除线,那么点击页面上方的“插入”,在插入菜单栏下找到“形状”,点击,再点击里面线条中的直线图标;

    5、在要画删除线的行里按住鼠标左键往右拖则可画出一条连续的删除线,如图;

    6、点击这条删除线,就会弹出页面上方的格式菜单栏,在此可设置该直线的颜色,选择你想要的颜色则可。

    如何在Excel表格中在给某一行划上删除线,但是又要保留这一行可以看到,谢谢!

    选择上你想要画删除线的字,右击鼠标在弹出菜单,选择字体格式,选择加删除线

    Excel表格中文字删除线的快捷键是什么?

    CTRL D,word和表格一样都是这个快捷键

    更多相关内容
  • html表格新增一行删除一行

    千次阅读 2019-01-21 10:17:01
    主要思路:现在页面中写段你想要的html代码样式,然后设置为隐藏不可见(style="display: none").然后在js中获取该段代码,处理后重写回html中   <!DOCTYPE html> <...

    主要思路:现在页面中写一段你想要的html代码样式,然后设置为隐藏不可见(style="display: none").然后在js中获取该段代码,做处理后重写回html中

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>新增一行</title>
    </head>
    <body>
    
    <table>
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>电话</th>
            <th>地址</th>
            <th>操作</th>
        </tr>
    
        <!--这一行是隐藏的,主要用户方便js中获取html代码-->
        <!--##:js中会替换成数字-->
        <tr id="show" style="display: none">
            <td>##</td>
            <td>
                <input id="name##" />
            </td>
            <td>
                <input id="phone##" />
            </td>
            <td>
                <input id="address##" />
            </td>
            <td>
               <button type="button" onclick="deleteRow('##')">删除</button>
            </td>
        </tr>
    </table>
    <button type="button" onclick="addRow()">新增一行</button>
    
    
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script >
        var index = 0;//初始下标
        var indexArr= new Array();
    
        //新增一行
        function addRow() {
            index++;
            indexArr.push(index);
    
            var showHtml = $("#show").html();
            var html = "<tr id='tr##'>"+showHtml+"</tr>";
            html = html.replace(/##/g,index);//把##替换成数字
    
            $("#show").before($(html));
    
            console.log("当前下标数组",indexArr);
        }
    
        //删除一行
        function deleteRow(inde){
            $("#tr" + inde).remove();
            var a = indexArr.indexOf(parseInt(inde));
    
            if (a > -1) {
                indexArr.splice(a, 1);
                console.log("当前下标数组",indexArr);
            }
    
        }
    </script>
    </body>
    </html>

     

    展开全文
  • 最近的项目中有一个需求就是要求在线填写表格内容时,不够的话可以动态添加一行,我这里用的jQuery来实现,下面是我项目截图展现: 当点击“添加输入框”按钮时,就会自动添加一行 下面我们来一下代码实现(把...

    最近做的项目中有一个需求就是要求在线填写表格内容时,不够的话可以动态添加一行,我这里用的jQuery来实现,下面是我项目截图展现:
    在这里插入图片描述
    当点击“添加输入框”按钮时,就会自动添加一行
    在这里插入图片描述

    下面我们来一下代码实现(把实际项目中的HTML代码简化了,其他功能可自己加)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">
        table.table input{ /*可输入区域样式*/
    width:100%;
    height: 100%;
    border:none; /* 输入框不要边框 */
    font-family:Arial;
    }
    </style>
    </head>
    <body>
    <br><br>
    <center><h3>Jquery实现表格动态增加一行,删除一行</h3></center>
    <table class="table" border="1" align="center">
        <thead>
        <tr>
            <th>序号</th>
            <th>配置要求</th>
            <th>主要技术参数</th>
        </tr>
        </thead>
        <tbody>
        <tr id="clo">
            <td class="td">1</td>
            <td> <input placeholder="添加配置要求" /></td>
            <td> <input placeholder="添加主要技术参数" /></td>
        </tr>
        <tr>
            <td class="td">2</td>
            <td> <input placeholder="添加配置要求" /></td>
            <td> <input placeholder="添加主要技术参数" /></td>
        </tr> 
        </tbody>
    </table>
    <button onclick="fun()">增加一行</button>
    <button onclick="del()">删除一行</button>
    <script type="text/javascript">  
    	//前面的序号1,2,3......                 
        var i = 1;
        $(".td").each(function(){
            $(this).html(i++);
        })
    	//添加一行
        function fun(){
            var $td = $("#clo").clone();       //增加一行,克隆第一个对象
            $(".table").append($td);
            var i = 1;
            $(".td").each(function(){       //增加一行后重新更新序号1,2,3......
            $(this).html(i++);
            })
            $("table tr:last").find(":input").val('');   //将尾行元素克隆来的保存的值清空
        }
    	//删除一行
        function del(){
            $("table tr:not(:first):not(:first):last").remove();//移除最后一行,并且保留前两行
        }
    </script>
     </body> 
    </html>
    

    该代码的截图:
    在这里插入图片描述
    在这里插入图片描述
    简单易于理解,这里不做其他解说了

    展开全文
  • vue表格-增加/删除一行

    千次阅读 2020-06-18 16:37:49
    表格增加一行或者减少一行 xx.vue <template> <div> ;" max-height="250"> 链接名称" align="center" show-overflow-tooltip min-width="30%" > <template slot-scope="scope"> [scope.$index].linkName" ...

    表格增加一行或者减少一行

    xx.vue

    <template>
      <div>
        <el-table :data="linkData" style="width:70%;" max-height="250">
          <el-table-column
            prop="linkName"
            label="链接名称"
            align="center"
            show-overflow-tooltip
            min-width="30%"
          >
            <template slot-scope="scope">
              <el-input size="small" v-model="linkData[scope.$index].linkName" placeholder="请填写链接名称"></el-input>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            show-overflow-tooltip
            min-width="70%"
            prop="href"
            label="链接地址"
            type="url"
          >
            <template slot-scope="scope">
              <el-input size="small" v-model="linkData[scope.$index].href"></el-input>
            </template>
          </el-table-column>
          <el-table-column
            prop="change"
            label="操作"
            align="center"
            show-overflow-tooltip
            min-width="16%"
          >
            <template slot-scope="scope">
              <!-- <el-button v-if="scope.$index === 0" @click="add" circle el-icon-plus>添加</el-button> -->
              <el-button
                size="small"
                v-if="scope.$index === 0"
                @click="add"
                type="primary"
                icon="el-icon-plus"
                circle
              ></el-button>
              <el-button
                size="small"
                v-if="scope.$index > 0"
                @click="deleteRow(scope.$index)"
                type="danger"
                icon="el-icon-close"
                circle
              ></el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </template>
    
    <script>
    export default {
      data () {
        return {
          linkData: [
            {
              linkName: null,
              href: null
            }
          ]
        }
      },
      components: {
      },
      mounted (linkData) {
        console.log(linkData)
      },
      props: {
        linkData: {
          type: Object,
          default: null
        }
      },
      methods: {
        /**
        * 添加一行规格
        */
        add () {
          if (this.linkData.length >= 5) {
            this.$message.error('最多添加5个链接')
            return
          }
          this.linkData.push({ linkName: '', href: '' })
        },
        /**
         * 删除一行规格
         */
        deleteRow (index) {
          this.linkData.splice(index, 1)
        }
      }
    }
    </script>
    <style lang="scss">
    </style>
           
    

    自定义table表头

    在这里插入图片描述

    
    <el-table-column prop="visitor" label="访客数" v-if="isVisible2" sortable>
            <!-- <template slot="header" :slot-scope="{ column, $index }"> -->
            <template slot="header">
              <span>访客数</span>
              <el-popover
                placement="top"
                width="200"
                trigger="hover"
                content="统计时间内,商品详情页被访问的去重人数,一个人在统计时间范围内访问多次记为一人。注意,若顾客浏览商品列表并直接加购、下单,未进入商详页,则不会记入该商品的访客数,此时,会出现商品的访客数小于支付人数的情况"
              >
                <i class="el-icon-question" slot="reference"></i>
              </el-popover>
            </template>
          </el-table-column>
    
    
    展开全文
  • js动态给表格添加一行删除一行

    万次阅读 2018-10-30 15:11:06
    // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点; var num=2; function add(){ num++; var tr=document.createElement("tr"); var xh=document.createElement("td"); ...
  • Vue删除表格中的某一行数据

    千次阅读 2022-03-03 13:57:45
    el-tooltip effect="light" content="删除" placement="top-start"> <el-button id="delDetailCol" type="danger" size="mini" icon="el-icon-delete" @@click="delDetailCol(scope.row,scope.$index)">&...
  • (1)利用HTML编写网页: “编号”、“姓名”、“性别”三个文本框,“添加”按钮,个“学生信息表”表格; (2)利用CSS设置表格的样式:实线边框,文本居中; (3)运用JavaScript DOM技术实现表格增加和删除...
  • layui数据表格删除行

    千次阅读 2021-05-08 14:30:24
    layui数据表格提供了obj.del()方法来删除行,但是这样删除之后,重新刷新表格之后,刚才删除又会重新显示,这是因为有缓存的问题,所以在删除行之后,还需要删除缓存,然后再使用删除后得到的数据去重新加载表格...
  • 1方法一: 使用table的insertRow()方法插入一行,使用table.removeChild(tr)删除一行,具体的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...
  • Layui表格手动添加一行删除一行

    万次阅读 2019-04-26 19:50:15
    css代码: <table class="layui-hide" id="demo" lay-filter="demo"></table>...首先要对表格渲染下 var addata = [{//可以赋值 "LocationNumber": "" , "InventoryQuantity": "" ...
  • 删除表格最后一行

    千次阅读 2019-05-24 17:27:13
    删除表格最后一行边框 $('#reportTable tr:last').find('td').css({border:"none"})
  • ElementUI中的el-table中实现动态添加一行删除一行、清空所有行 场景 效果如下 实现 首先页面添加一个el-table,然后绑定其数据源为bcglXiangXiList, 并且通过 添加了勾选框。 然后通过@selection-change=...
  • 纯前端实现—表格添加和删除

    万次阅读 多人点赞 2021-11-13 21:14:33
    // 通过单击那个删除按钮获取删除的那一行的行数 var row = obj.parentNode.parentNode.rowIndex; //obj.parentNode是this的父级节点,即:包含删除按钮的td元素 //然后再.parentNode查询父节点,即:包含这个td的...
  • vue删除表格数后更新页面
  • 表格后新增一行的逻辑很简单,直接添加一行表格数据就行。删除表格行的逻辑也很简单,通过获取选中行和表格数据进行比较,如果相等(即被选中)则从tableData中删除该条数据。 具体实现逻辑如下: < div id = ...
  • 表格删除一行数据 最近一段时间,试验台上位机编程,老是用到表格控件,这几天抽时间专门写一个表格控件的专题。有用到的朋友可以参考一下。 今天接着讲一下,表格控件的数据删除和清空,和与之相关的操作 1....
  • 更改表格一行的颜色,html

    千次阅读 2021-06-16 11:50:30
    我想用html和css制作表格。但我的问题是,我希望桌子有两种颜色的行,一个橙色和一个白色....我使用JavaScript来填充...我的代码如下:更改表格一行的颜色,htmlAccount TypeMinimun RequiredRateCompoundedfor ...
  • String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+...update_data.jsp//给table增加一行function addTableRow() {...
  • jQuery动态增加表格一行删除一行

    千次阅读 2018-11-07 22:22:41
    jQuery动态增加表格一行删除一行
  • jQuery删除表格中的一行数据

    千次阅读 2018-03-30 11:23:12
    //删除一行 $scope.delete=function(id){ for (var i = 0; i &lt; $scope.datas.length; i++) { if($scope.datas[i].gid==id) { $scope.datas.splice(i,1); break; } ...
  • layui点击数据表格添加或删除一行

    万次阅读 2018-08-15 18:02:10
    数据表格 t2 = { elem: '#test2', data: tableData2, page: false, width: $(parent.window).width()-50, cols: [[ {type:'checkbox',...
  • 怎么获取表格一行数据

    千次阅读 2021-06-12 03:08:35
    jquery如何获取表格一行,并且获取其索引??操作表格的jquery方法很很多,比较常用的有: 获取单行:$("table").find("tr").eq(x);//x是行标,从0开始 你说的获取索引可以$("table").find("tr").eq(x).index();//...
  • Jquery实现表格添加,删除一行

    千次阅读 2018-08-24 19:39:43
    Jquery实现表格添加,删除一行 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &...
  • elementui 表格单行删除

    千次阅读 2021-12-24 12:39:34
    表格单行删除和多行删除
  • word表格一行不对齐解决方法

    千次阅读 2022-04-18 20:59:35
    word表格如何对齐、word表格对不齐
  • js动态表格添加一行删除一行保存一行
  • jquery入门之动态表格---动态添加一行
  • 学习目标 使用vue + elementui动态删除表格内当前数据
  • JS代码实现:删除表中的一行

    千次阅读 2022-04-22 12:05:21
    JS代码实现删除表中的一行数据
  • 1、效果图如下,2至4条是批量导入的数据,第条是新增数据 2、表格代码如下,用scope.row.edit控制是否显示新增的输入框 <el-table class="mt-10" :data="invoiceOpt.invoicenoRegisterList" stripe ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 566,434
精华内容 226,573
热门标签
关键字:

做表格怎么删除一行