精华内容
下载资源
问答
  • 为DataGridView行标题添加序号,平台VS2010 vb.net winfrom
  • caption标签,为表格添加标题和摘要

    千次阅读 2018-02-11 10:27:19
    表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下:摘要摘要的内容是不会浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助...

    表格还是需要添加一些标签进行优化,可以添加标题摘要。代码如下:

    摘要

    摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

        语法:<table summary="表格简介文本">

    标题

    用以描述表格内容,标题的显示位置:表格上方。

         语法:

    <table>
        <caption>标题文本</caption>
        <tr>
            <td>…</td>
            <td>…</td>
            …
        </tr>
    …
    </table>
    展开全文
  • 十三、UI-Grid 添加行标题

    千次阅读 2017-04-05 11:45:38
    原文:114 Adding a row header可以添加行标题列,它会固定在表格容器的左边。代码: index.html<!doctype html> <html ng-app="app"> <head> <script src="...

    原文:114 Adding a row header

    可以添加行标题列,它会固定在表格容器的左边。

    代码:
    index.html

    <!doctype html>
    <html ng-app="app">
      <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-touch.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script>
        <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
        <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
        <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
        <script src="/release/ui-grid.js"></script>
        <script src="/release/ui-grid.css"></script>
        <script src="app.js"></script>
      </head>
      <body>
        <div ng-controller="MainCtrl">
          <div id="grid1" ui-grid="gridOptions" class="grid"></div>
        </div>
      </body>
    </html>
    

    main.css

    .grid {
      width: 500px;
      height: 250px;
    }
    

    app.js

    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
     
    app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
      $scope.columns = [{ field: 'name' }, { field: 'gender' }];
      $scope.gridOptions = {
        enableSorting: true,
        columnDefs: $scope.columns,
        onRegisterApi: function( gridApi ) { 
          $scope.gridApi = gridApi;
          var cellTemplate = 'ui-grid/selectionRowHeader';   // you could use your own template here
          $scope.gridApi.core.addRowHeaderColumn( { name: 'rowHeaderCol', displayName: '', width: 30, cellTemplate: cellTemplate} );
        }
      };
      
      $http.get('/data/100.json')
        .success(function(data) {
          $scope.gridOptions.data = data;
          console.log(data)
        });
    }]);
    

    Demo
    这里写图片描述

    文章来源:西柚叨叨的个人博客

    展开全文
  • 表格添加合计js代码

    千次阅读 2012-02-18 11:09:40
    方法中使用了jQuery,JQ是jquery中的$方法的别名。... * 函数功能: 为表格添加合计,本函数依赖于jquery * * @param {} * table : The table which append the sum row to 需要添加合计的表格对象

    方法中使用了jQuery,JQ是jquery中的$方法的别名。代码如下:

    /**
     * Function applyTableSum
     * 
     * 函数功能: 为表格添加合计行,本函数依赖于jquery
     * 
     * @param {}
     *            table : The table which append the sum row to 需要添加合计行的表格对象
     * @param {}
     *            colArr : The col index Arry which shuld sum 需要合计的列序号数组,从0开始
     * @param {}
     *            capIndex : caption index defalt is 0 合计标题放置的列,默认是0。即第一列
     * @param {}
     *            emptyText : The text not sumed col default is '-' 未合计行的文本
     */
    function applyTableSum(table, colArr, capIndex, emptyText) {
    	var me = this;
    	var _capIndex = capIndex || 0;
    	var _emptyText = emptyText || "-";
    	var _SD = "{1}quot;, _hasD = new Array();
    	var _SY = "¥", _hasY = new Array();
    	var _comma = ",", _hasComma = new Array();
    	if (table != null && table != undefined && colArr != null) {
    		var lastTr, sumHtml;
    
    		var iColData=0, strData;
    		var trs = table.children("tbody").first().children("tr");
    		var trLen = trs.length;
    		var lastTr = trs.last();
    		var tds, tdLen, tr, td;
    		var i, j, k;
    		sumHtml = "<tr class='td_row'>";
    		var sumCols = new Array(trLen);
    		// 遍历所有行
    		for (i = 0; i < trLen; i++) {
    			tr = trs.get(i);
    			tr = JQ(tr);
    			tds = tr.children("td");
    			if (tds == null || tds == undefined) {
    				continue;
    			}
    			tdLen = tds.length;
    			for (j = 0, k = 0; j < tdLen; j++) {
    				td = tds.get(j);
    				td = JQ(td);
    				// 如果是要统计的列
    				if (colArr[k] == j) {
    					strData = td.text();
    					if(strData==null||strData==undefined||strData=="")
    					{
    						strData="0";
    					}
    					// console.log("strData="+strData);
    					while (strData.indexOf(_SD) != -1) {
    						strData = strData.replace(_SD, "");
    						_hasD[j] = true;
    					}
    					while (strData.indexOf(_SY) != -1) {
    						strData = strData.replace(_SY, "");
    						_hasY[j] = true;
    					}
    					while (strData.indexOf(_comma) != -1) {
    						strData = strData.replace(_comma, "");
    						_hasComma[j] = true;
    					}
    					try {
    						iColData = parseFloat(strData);						
    						if (sumCols[j] == null || sumCols[j] == undefined) {
    							sumCols[j] = 0;
    						}
    						sumCols[j] = parseFloat(sumCols[j])+iColData;
    					} catch (e) {
    						console.log(e.message);
    					}
    					k++;
    				}
    			}
    		}// end for
    		// build sum td
    		var m = 0;
    		for (m = 0, k = 0; m < tdLen; m++) {
    			if (m == _capIndex) {
    				sumHtml += "<td>合计</td>";
    			} else if (colArr[k] == m) {
    				if (sumCols[m] != null && sumCols[m] != undefined) {
    					var iSum = sumCols[m];
    					if (_hasD[m] == true || _hasY[m] == true
    							|| _hasComma[m] == true) {
    						iSum = iSum.toFixed(2);
    					}
    					var str = sumCols[m] + "";
    					if (_hasComma.length >= m && _hasComma[m] == true) {
    						str = Convert(iSum);
    					}
    					if (_hasD.length >= m && _hasD[m] == true) {
    						str = _SD + str;
    					} else if (_hasY.length >= m && _hasY[m] == true) {
    						str = _SY + str;
    					}
    					sumHtml += "<td>" + str + "</td>";
    				} else {
    					sumHtml += "<td>" + _emptyText + "</td>";
    				}
    				k++;
    			} else {
    				sumHtml += "<td>" + _emptyText + "</td>";
    			}
    		}
    		sumHtml += "</tr>";
    		lastTr.after(sumHtml);
    	}
    };
    function Convert(money) {
    	// console.log("money="+money);
    	var s = money; // 获取小数型数据
    	s += "";
    	if (s.indexOf(".") == -1)
    		s += ".0"; // 如果没有小数点,在后面补个小数点和0
    	if (/\.\d$/.test(s))
    		s += "0"; // 正则判断
    	while (/\d{4}(\.|,)/.test(s))
    		// 符合条件则进行替换
    		s = s.replace(/(\d)(\d{3}(\.|,))/, "$1,$2"); // 每隔3位添加一个
    	// console.log("converted="+s);
    	return s;
    }


     

    展开全文
  • http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档//每一的索引var index = 3;function btnAddRow(){ //创建新的id var rId = "tr" + index; //随机数 ...

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <title>无标题文档</title>
    <script type="text/javascript">
    //每一行的索引
    var index = 3;
    function btnAddRow(){
     //创建新行的id
     var rId = "tr" + index;
     //随机数
     var ranPrice = "¥" + Math.round((Math.random() * 100));
     //table对象
     var table1 = document.getElementById("table1");
     //行数
     var rowCount = table1.rows.length;
     //添加到最后一行
     var newRow = table1.insertRow(rowCount);
     //添加ID
     newRow.id = rId;
     //给第一列添加
     var newCell1 = newRow.insertCell(0);
     //内容
     newCell1.innerHTML = "西游记"+index;
     //给第二列添加
     var newCell2 = newRow.insertCell(1);
     //内容
     newCell2.innerHTML = ranPrice;
     //给第三列添加
     var newCell3 = newRow.insertCell(2);
     //内容
     newCell3.innerHTML = "<input type='button' name='button' id='button' value='删除'  οnclick='btnDelRow(\""+rId+"\")'  />";
     //alert(newCell3.innerHTML);
     //变量++
     index ++;
    }

    function btnUpdateRow(rowId){
     //行对象
     var delRow = document.getElementById(rowId);
     //获取当前行的第1列的文本框
     var items = delRow.cells[1].getElementsByTagName("input");
     //获取当前文本框的值
     var price = "¥"+items[0].value;
     //修改当前行的第一列的文本
     delRow.cells[1].innerHTML = price;
     
     //修改当前行的第二列的文本
     delRow.cells[2].innerHTML = "<input type='button' name='button' id='button' value='删除'  οnclick='btnDelRow(\""+rowId+"\")'  />&nbsp;<input type='button' value='修改' οnclick='btnEditRow(\""+rowId+"\")'/>";
    }

    function btnEditRow(rowId){
     //行对象
     var delRow = document.getElementById(rowId);
     //获取当前行的第1列的文本
     var price = delRow.cells[1].innerHTML.substring(1);
     //修改当前行的第1列
     delRow.cells[1].innerHTML = "<input type='text' size='2' value='"+price+"'/>";
     //修改当前行的第2列
     delRow.cells[2].innerHTML = "<input type='button' name='button' id='button' value='删除'  οnclick='btnDelRow(\""+rowId+"\")'  />&nbsp;<input type='button' value='确定' οnclick='btnUpdateRow(\""+rowId+"\")'/>";
    }

    function btnDelRow(rowId){
     //行对象
     var delRow = document.getElementById(rowId);
     //行的数
     var delRowIndex = delRow.rowIndex;
     //表对象
     var table1 = document.getElementById("table1");
     //删除
     table1.deleteRow(delRowIndex);
    }
    </script>
    </head>

    <body>
    <table id="table1" width="500" border="1" cellspacing="1" cellpadding="1">
      <tr id="tr0">
        <td>书名</td>
        <td>价格</td>
        <td>操作</td>
      </tr>
      <tr id="tr1">
        <td>三国演义</td>
        <td>¥99</td>
        <td>
          <input type="button" name="button" id="button" value="删除" οnclick="btnDelRow('tr1')" />&nbsp;<input type="button" name="button" id="button" value="修改" οnclick="btnEditRow('tr1')" />
          </td>
      </tr>
      <tr id="tr2">
        <td>水浒传</td>
        <td>¥100</td>
        <td><input type="button" name="button2" id="button2" value="删除" οnclick="btnDelRow('tr2')" /></td>
      </tr>
    </table>
    <p>
      <input type="button" name="button3" id="button3" value="新增一行" οnclick="btnAddRow()" />
    </p>
    </body>
    </html>

    原文出自: http://blog.163.com/xiao_long/blog/static/21765117420132287164243/
    展开全文
  • 如何设置双层标题行一般使用超级表格的小伙伴,都是精通Excel,但是对于超级表格的...1.打开需要制作双层标题行表格在表格的左上角找到“高级设置”。高级设置中,找到“分组”列,填入对应的分组名称。2.直接
  • js如何动态添加表格行

    万次阅读 2018-10-15 18:09:00
    一、总结 方法一:添加可通过... 二、js如何实现动态的在表格添加和删除? 1、插入删除案例说明 2、用到table相关的属性和方法 三、代码   &gt; 一、总结(点击显示或隐藏总结内容) 1、ta...
  • RTF中怎样使表格表格行在各页顶端以标题行形式重复出现 生成表格的时候需要设置第一次表格的\trhdr属性 生成表头以后 再以相同的设置去掉\trhdr属性 如: 表头 \trowd \ts16\trgaph28\trhdr\...
  • Js操作html表格,这个复选框换图标我是把复选框样式 display:none,然后...无标题文档 .test { clear: left; float: left; height: 400px; width: 640px; border: 1px solid #00E3E3; overflow-y:auto; } ta
  • vue table表格新增添加数据

    万次阅读 2019-11-21 10:11:52
    表格样式并不能是难点 主要是点击新增按钮和删除按钮自增的编号的修改 <el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#3d80f2',color:'#fff',fontSize:'16px',height:'...
  • 接下来表头所在的点击鼠标右键,然后选择“表格属性”选项 打开表格属性窗口后,点击窗口上方的“”选项卡。...在行选项卡中,勾选“各页顶端以标题形式重复出现”选项。勾选后点击“确定”。 ...
  • Layui表格手动添加和删除一

    万次阅读 2019-04-26 19:50:15
    css代码: <table class="layui-hide" id="demo" lay-filter="demo"></table>...首先要对表格渲染下 var addata = [{//可以赋值 "LocationNumber": "" , "InventoryQuantity": "" ...
  • 添加行、删除行、插入行、删除多行、右键删除行、修改单元格内容
  • Ruoyi表格添加跳转链接

    千次阅读 2020-06-30 12:04:51
    一、在表格添加template和router标签 slot-scope="scope" scope中储存当前表格行所有数据 可以使用scope.row.xxxx获取本行数据的某一属性 router-link中 :to="xxxx" 与下面的router.js设置跳转路径相对应 ...
  • 从bootstrap修改出来的与ext treegrid相似的插件,能当树形和普通多标题插件用,自带行内编辑
  • 项目需求,官网这方面也不讲清楚 需求如下 方法: fields:[ { // title: 啦啦自定义, dataIndex: 'name',... 'Content' }, width: '12%' } ] 在表格配置数组中添加scopedSlots: { title: ‘Title’ } 然后在表格添加 ...
  • Word技巧:在表格添加空行

    千次阅读 2019-03-17 20:47:35
    By: Ailson Jack Date: 2019.02.19 ...本文我博客的地址是:http://www.only2fire.com/archives/97.html,...有时候编写word文档时,插入一个表格后,需要在表格前面添加一个空行,我之前的做法是将表格向下移动...
  • 在表格添加icon,且不破坏排序问题。 //标题 <span slot="title_slot" > 标题显示<a-tooltip title="这里是标题的图标哦,鼠标移到这里显示该提示哦"><a-icon type="question-circle-o"/></a...
  • asp.net c# 后台给表格table动态添加行

    千次阅读 2019-08-27 18:10:55
    后台页面加载时的代码: 前台代码:
  • 动态表格,功能为点击添加按钮,表格增加一并给其name属性赋予的值,点击删除,自动删除这一,具体实现如下
  • jQuery之动态为表格添加数据

    万次阅读 2018-05-19 11:47:11
    button1点击事件是会页面上方出现用来为表格添加显示框,背景为灰色 显示框中也有一个button(id=”button2),其点击事件是将显示框中的数据添加到页面 的表格中 显示框中需要包括一个div,其点击事件是关闭显示框 ...
  • 前言 这里就当作一个小案例进行介绍,案例需求 环境:win10系统; 编译软件:TexLive2018。 选择XeLaTeX进行编译的,如果第一次编译报错,再进行一次编译即可。...1.为文章添加标题、作者、时间 \maketitle这一...
  • layui表格数据添加功能,添加表格的数据的自动刷新,前后端交互 (1)界面 (2)实现添加功能 (3)主界面代码实现 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;...
  • 1.用css样式,为表格加入边框  &lt;style type="text/css"&gt; table tr td,th{border:1px solid #000;} &lt;/style&gt;... 表格以此开始,summray为表格添加表格简...
  • ElmentUI的Table表格组件中,也许你会使用type为selection值的多选框功能,但是此时设置的label属性不生效,不能设置标题名称;有时候我们的需求就是要添加标题名称,那该如何处理呢?当然你可以对其样式做特殊...
  • JS动态添加表格(二)

    千次阅读 2011-12-08 10:57:53
    使用insertRow ()和insertCell()动态添加表格标题文档 function addRow(){ //添加 var newTr = testTbl.insertRow(); //添加三列 var newTd0 = newTr.insertCell(); var newTd1 = newTr....
  • html表格标题标签_HTML标题标签

    千次阅读 2020-08-01 13:32:38
    html表格标题标签The headings are an important aspect in a document. The heading could be provided on the webpage through HTML. 标题是文档中的重要方面。 该标题可以通过HTML网页上提供。 There six ...
  • HTML表格标签做一张表格 利用css设置当鼠标在表格中某悬停时背景颜色变成浅灰色。
  • 如何每页自动重复打印标题行? 如何每一页打印公司 Logo 和页码? 正式开始 问题1:如何快速调整表格为一页打印? 分页线作怪 正常情况下,分页线是看不见的, 分页线的作用在于告诉我们哪些...
  • 1、首先实例化QTableWidget对象, ...2、设计表格的行数和列数,以及绝对定位,当然你也可以根据自己的需求进行排版 self.tableWidget.setGeometry(QtCore.QRect(40, 100, 447, 268)) self.tableWidget.setObje...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 71,061
精华内容 28,424
关键字:

怎么在表格添加行标题