因其他无关代码比较多，只贴关键代码，请谅解。
 
解释：
tblGrid是表格的id ，<pre name="code" class="html">onchange是每个单元格都拥有的方法，当然可以根据实际情况更改
flag是标志位，保证按照我想要的顺序新增tabindex
 
 
 

<script type="text/javascript">
    $(function() {
        var baseIndex = 100;
		var flag=1;
		$("#tblGrid").find("tr").each(function(r) {		
			
			if($(this).find("[onchange]").length >0){
				  $(this).find("[onchange]").each(function(c) {
						$(this).attr("tabindex", flag * 100 + c + baseIndex);
						
					});
				flag++;
			}    
			
        });
		
      });
</script>




<pre name="code" class="html">/**
			控制input框 限制只能输入数字
		*/
		function check(event) {  
				  var e = window.event || event;  	
				  var target = e.srcElement || e.target;  
				  var tabIndex=target.tabIndex;
				  var className=target.className;
				  var k = e.keyCode;  
				  if(isFunKey(k,tabIndex)) {  
					return true;  
				  }  
				  var c = getChar(k);  
				  if(target.value.length == '' && (c == '-' || c == '+')) {  
					return true;  
				  }  
				  if(isNaN(target.value + getChar(k))) {  
					return false;  
				  }  
				  return true;  
				}  
				  
		function isFunKey(code,tabIndex) {  
				  //  8 --> Backspace  
				  //  9 --> tab  
				  // 35 --> End  
				  // 36 --> Home  
				  // 37 --> ←
				  // 38 --> ↑
				  // 39 --> →
				  // 40 --> ↓ 
				  // 46 --> Delete  
				  // 112~123 --> F1~F12  
				  var funKeys = [8,9, 35, 36, 37,38, 39,40, 46];  
				  for(var i = 112; i <= 123; i++) {  
					funKeys.push(i);  
				  } 
				  
				  for(var i = 0; i < funKeys.length; i++) {  
					if(funKeys[i] == code) {
						
						if(funKeys[i]==38){
							tabIndex -= 100;	
							  $("input[tabindex=" + tabIndex + "]").focus();
							  return false;
						}else if(funKeys[i]==40){
							tabIndex += 100;
							 $("input[tabindex=" + tabIndex + "]").focus();
							  return false;
						}else if(funKeys[i]==37){
							  tabIndex--;
							 $("input[tabindex=" + tabIndex + "]").focus();
							  return false;
						}else if(funKeys[i]==39){
							tabIndex++;
							 $("input[tabindex=" + tabIndex + "]").focus();
							  return false;
						}						
								  
					  return true;  
					}  
				  }  
				  return false;  
				} 

 

 
 
 

 

 

 WPS表格数据怎么排序？在做WPS表格的时候经常需要排序，不管是年终评比还是其他的，前几名的总是有好处的，那么WPS表格怎么排序呢？常规的排序很容易实现，但有时我们需要按特定的顺序对数据进行排序，例如：按照姓氏笔画对人员名单进行排序，按照职位高低对员工进行排序等，这样的排序该如何进行呢？
 
 按照姓名进行排序
 
 1、现在WPS表格中输入好内容，选择表格，如图所示。注意不要选择工资表行。否则将无法排序。因为排序的时候不能有合并的单元格。切记。
 
 2、选择好表格后，点击数据--排序，进入数据排序操作页面。如果表格里有合并的单元格一定要先选择数据，然后点击排序。
 
 3、进入排序页面后，点击主关键字为“姓名”次关键字和第三关键字不要选择，格式为升序，如果需要降序的话可以选择降序。完成后点击选项，进入选项排序页面。如果看不到姓名的话要输入第几列进行排序。
 
 4、进入选项页面后，自定义排序次序为“普通”方向为“按列排序”方式可以根据自己的需要选择拼音或者笔画，本例以拼音排序。
 
 5、点击两次确定后，排序效果如图所示。
 
 
 按照工资进行排序
 
 1、第一、二步同姓名排序，先选择好表格，记住不要选有合并的单元格。选好需要排序的数据后，点击数据---排序。
 
 2、进入排序页面后，选择主关键字为工资，格式为降序。次要关键字和第三关键字不选择。如果看不到工资要选择第几列。
 
 3、这个时候不需要点击选项了，直接点击确定皆可。效果如图所示。注意千万不要选选项。
 
 
 按照职务高低进行排序
 
 1、运行WPS表格，打开范例文件《东汉公司人员花名册.xls》（如图1）后，单击“工具”菜单下的“选项”命令，弹出“选项”对话框。
 
 2、单击“选项”对话框上方的“自定义序列”标签，在右侧“输入序列”选项下方的文本框内按照职务高低输入相关内容（注意：每输入完一项职务名称以后要按回车，另起一行输入 新的内容）以后，单击下方的“添加”按钮（如图5），此时您会看到，在左侧“自定义序列”选项下方的选项卡内已经出现了我们添加的新序列。单击“确定”按钮关闭对话框，回到表格编辑状态。
 
 3、从A2单元格开始向右下方拖动鼠标到D27单元格，选中所有公司员工基本信息所在区域A2：D27，用鼠标单击“数据”菜单下的“排序”命令，弹出“排序”对话框。 
 4、用鼠标单击对话框最下方“列表”标签下的“有标题行”单选项，再单击“主要关键字”标签下方的下拉箭头，在弹出的下拉列表中单击“职务”。 
 5、单击“排序”对话框最下方的“选项”按钮，弹出“排序选项”对话框，单击“普通”选项右侧的下拉箭头，在弹出的下拉列表中找到并单击我们刚才添加的序列（如图6），单击“确定”按钮返回“排序”对话框中，再次单击“确定”按钮关闭该对话框。
 
 4、瞧，员工名单已经按照职务高低排好了（如图7）。
 
 各位朋友，敬请一试。
 
 WPS表格如何按行排序？
 
 排序，一般的都是按列进行，我想大家都会。可是，如果有一个表格，需要按行排序，那该如何去做呢？
 以下表为例告诉大家如何去做。
 
 现在，把上述人物按姓名排列。
 选中下列区域。
 
 点击“数据——排序——选项”，在“排序选项”中，点击“按行排序”。具体见下图。
 
 然后一路按“确定”，结果如下图所示。
 
 
 WPS表格怎么用日期排序？
 
 先点中标题行的行标签，再按住shift键，选中最下边一行的行标，点数据菜单里的排序，出来对话框时，选日期，再选顺序，还倒序。 
 重点是选中标题行，和下边要排序的数据。之前要备份好数据。以免误操做。
 
 注意：有单元格是合并的时候要先选数据，然后排序。
 
 使用COUNTIF函数实现数据排序
 
 本例中数字序列在H2:H20单元格，各数字的名次排在I2:I20单元格。
 点击I2单元格，输入公式:“=COUNTIF($G$2:$G$20,">"&G2)+1”(不含外层双引号)。回车后即可得到H2单元格数据在该数列中的排名。点击I2单元格，然后拖动其填充句柄向下复制公式至I20单元格，则所有的数字排名就可以得到了。

在表格中，有如下需求（后台给的数据为数字）
 
 前后端决定0代表正式服务，1代表试用服务，2代表未服务，这样后端给的状态是012，怎么把标识转换成文字填入表格呢？
 首先需要自己定义一组转换表
 
      statusData: {
        '0': {
          label: '正式服务'
        },
        '1': {
          label: '试用服务'
        },
        '2': {
          label: '未服务'
        }

 
然后我用的是elementui的表格组件
 element表格可以通过 scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据
 
        <el-table-column
          label="使用情况">
          <template slot-scope="scope">
            {{ scope.row.isState ? statusData[(scope.row.isState)].label : '正式服务' }}
          </template>
        </el-table-column>

 
注意：三目运算符的使用
 正式服务是用0来代表的，0位非真，会执行冒号后面的，所以冒号后面要写正式服务。
 表达式1 ? 表达式2 : 表达式3
 （1）表达式1是关系表达式或者是逻辑表达式，用于描述条件，表达式2和表达式3可以是常量变量或者表达式
 （2）执行顺序：先求解表达式1，若值为非0，表示条件为真。则求解表达式2，并且返回表达式2的结果，如果值是0，就表示假，求解表达式3，并且返回表达式3的结果。一个条件表达式，不会既计算表达式2，又计算表达式3。

在用asp语言开发的Web数据库应用程序中，ADO (ActiveX Data Objects) 已经成为非常流行的工具，而且对于真正的关系型数据库，比如Oracle、SQL Server，它都不会有局限性。ADO能够存取多种不同的数据格式，MS Excel电子数据表格就是其中之一。
 
　　 关于这个应用
 
　　 可供下载的例程代码中包括一个ASP文件ReadX1.asp，一个Excel文件TheWorkbook.xls。你也可以另外加入一些电子数据表文件。
 
　　 执行ReadXl.asp页面，将显示出可用的电子数据表文件列表。选择好一个文件，并提交表单后，你将会看到：
 
一个下拉菜单，其中是工作表名称 
 一个下拉菜单，其中是命名的范围 
 一个单元格范围输入框 
 第一个工作表的全部内容 
 　　
 
　　 可以选择工作簿文件中的另外一个工作表，或者输入符合Excel格式的单元格范围数值，比如：D20:E21 或者 Sheet3!F12:J22。注意：在ADO和ODBC驱动程序中，要用＄符合替换分界符号！。
 
　　 实现步骤
 
　　 现在对这个应用程序已经有了初步的认识，下面开始讨论ASP代码，看看如何读取电子数据表的数据，如何找到电子数据簿 
 （workbook）文件中可用的电子数据表（worksheet）和范围，并看看实现文件列表选择的技术。这里假设你已经熟悉了编写HTML表单的技术，所以对此不做详细介绍。
 
　　 基本条件
 
　　 下面将涉及到ADO对象、方法、属性、收集和常量。在服务器上安装IIS后，ADO就存在了，并且还有相关文档，地址是http://YourServer/IisHelp/ado210.chm （版本2.1），或者http://YourServer/IisHelp/ado/docs/（老版本1.5）。如果需要升级ADO，可以从http://www.microsoft.com/Data/download.htm下载最新版本的MDAC工具包进行安装。
 
　　 实现“文件列表选择”使用到了内建的VBScript脚本对象，相关文档可以查看http://YourServer/IisHelp/vbscript/htm/vbstoc.htm，如果想查看最新的文档，请访问http://msdn.microsoft.com/scripting 
 （版本5）。当然，在服务器端和客户端，你都不需要安装MS Excel。
 
（一） 
 　　 读取电子数据表（Worksheet）数据
 
　　 通过ADO读取电子数据表与读取数据库表的方法基本是一样的。从下图可以看到，电子数据表的行被称作记录Records，列被称作字段Fields。电子数据表或者单元格的范围可以被看成表Tables，并按照记录集recordsets进行存取。
 
SPReadsheet Database HTML 
 < table > 
 < tr > 
 < th >NameA< /th > 
 < th >NameB< /th > 
 < th >NameC< /th > 
 < /tr >< tr > 
 < td >1< /td > 
 < td >2< /td > 
 < td >3< /td > 
 < /tr >< tr > 
 < td >11< /td > 
 < td >12< /td > 
 < td >13< /td > 
 < /tr > 
 < /table >
 
　　 执行下面的步骤，从数据库表中读取数据并显示：
 
连接数据库（同样：打开数据簿文件） 
 读取记录集recordset（同样：读取一定范围的单元格） 
 循环每一个记录（同样：每一行），经过格式化，显示 
 　　 建立ADO连接
 
　　 在连接数据库或者打开文件前，需要了解一些信息。其中只要是设置名叫DSN的ODBC驱动，但为每一个数据表都建立这样的ODBC驱动，是非常麻烦的，因为这需要在服务器的控制台上通过“控制面板/ODBC设置”手工完成。
 
　　 幸好，ASP提供了替代DSN的其他方法，它可以非常容易地在运行时建立连接。比如，字符串“DRIVER={Microsoft Excel Driver?*.xls)};ReadOnly=1;DBQ=C:dirfile.xls”，表示了替代DSN打开文件c:dirfile.xls，因此通过这种方法仅仅需要提供给ASP程序一个文件名即可。执行下面的代码，将从表单中读取文件名，然后转换为全路径，接着生成连接字符串，最后建立并打开这个连接。
 
vXlFile = Request(“XlBook”) 
 vXlFilePath = Server.MapPath(vXlFile) ’ assumes file in current directory 
 vConnString = “DRIVER={Microsoft Excel Driver (*.xls)};ReadOnly=1;DBQ=” & _ 
 vXlFilePath 
 Set oConn = Server.CreateObject(“ADODB.Connection”) 
 oConn.Open vConnString 
 　　 如果想查看更多的非DSN连接信息，请打开Windows或者NT System目录下的帮助文件Odbcjet.hlp。
 
　　 读取记录集
 
　　 连接上电子数据簿文件后，读取一定范围的单元格数据就很简单了。尽管不是必须的，但还是建议：用符合“[” 和 “]”包含住单元格的范围定义。只所以这么做，是以防在数据库的操作中产生非法的符合。
 
vXlRange = Request(“XlRange”) 
 Set oRs = oConn.Execute(“[” & vXlRange & “]”)
 
　　 执行上面的语句，将返回记录集对象，其中包括范围内单元格的所有可用信息， 记录集的数值和描述数据的元数据。 
 
（二） 
 过程的最后一步是格式化数据并显示，就是建立一个HTML输出，步骤如下：
 
依次循环记录集（Recordset）中每一个字段（Field），写标题 
 依次循环记录集和每一个字段，写数值 
 　　 例程代码将整个的HTML表格组合为一个长字符串，最后输出到HTML页面。字符串初始化为如下值：
 
DataTable = “< table >< tr >”
 
　　 电子数据表的列的必要信息由记录集对象的Field集合产生，它包括了一系列字段对象，可以使用它们的Name属性建立标题行。
 
For Each oField in oRs.Fields 
 DataTable = DataTable & “< th >” & oField.Name & “< /th >” 
 Next 
 DataTable = DataTable & “< /tr >”
 
　　 最新打开的记录集（recordset）自动将初始位置指向第一行，使用MoveNext方法移动记录指针，顺序存取每一行，直到整个记录集的末尾。当到记录集末尾时，属性Eof的值变成True，循环结束。在循环中，通过字段集合的列举以及对应的Value属性，从而达到单元格数据的存取。
 
Do While Not oRs.EOF 
 DataTable = DataTable & “< tr >”
 
For Each oField in oRs.Fields
    DataTable = DataTable & "< td >" & oField.Value & "< /td >"
Next

DataTable = DataTable & "< /tr >"
oRs.MoveNext
 
Loop
 
　　 最后，加上HTML的表格结束标记，输出整个字符串到页面，形成了动态产生的表格。由于记录集对象不再需要，所以要释放它。
 
DataTable = DataTable & “< /table >” 
 Set oRs = Nothing
 
Response.Write DataTable
 
　　 在总结前，有必要说明一个小的定义在电子数据表是如何解释的。
 
　　 通常，在ADO中将一定范围内的第一行解释为一套列标题，尽管在ODBC中有明文定义的选项可以禁止这种解释，但我也不愿意在ADO中这么做。如果第一行包含数字信息，那么ADO中将返回通用的字段名，比如：F1,F2，等等…，这样就不能看到数字的值。而且，ADO也会将第一行中的“非字母、非数字”字符替换为符号＃。