表格斜线的实现方法

  • 表格斜线的实现,实现表格表头的斜线,基于JavaScript技术实现,比较新颖,可以用来作课程表及统计表格等,效果不错。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>石家庄水泵厂</title>
</head>
<script Language="javascript">
function a(x,y,color)
{document.write("<img border=‘0‘ style=‘position: absolute; left: "+(x+18)+"; top: "+(y+18)+";background-color: "+color+"‘ src=‘px.gif‘ width=1 height=1>")}
</script>

<body leftmargin=18 topmargin=18>
<TABLE border=0 bgcolor="000000" cellspacing="1" width=398>
<TR bgcolor="FFFFFF">
    <TD id="td1"> </TD>
    <TD>阿Q</TD>
    <TD>张四</TD>
  </TR>
<TR bgcolor="FFFFFF">
    <TD>软件理论</TD>
    <TD>72</TD>
    <TD>36</TD>
  </TR>
<TR bgcolor="FFFFFF">
    <TD>计算机</TD>
    <TD>85</TD>
    <TD>58</TD>
  </TR>
</TABLE>
<script>
function line(x1,y1,x2,y2,color)
{
    var tmp
    if(x1>=x2)
    {
        tmp=x1;
        x1=x2;
        x2=tmp;
        tmp=y1;
        y1=y2;
        y2=tmp;
    }
    for(var i=x1;i<=x2;i++)
    {
        x = i;
        y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
        a(x,y,color);
    }
}
//line(1,1,100,100,"000000");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,‘#000000‘)
</script>
</BODY>
</html>

表格斜线的实现方法

时间: 2024-08-29 04:59:21

表格斜线的实现方法的相关文章

利用JavaScript如何创建一个table表格[第2种方法]

创建一个五行五列的表格(使用循环) <style> td{border:1px solid #ccc;} </style> <script> window.onload=function(){ var oTable=document.createElement("table"); var row; var cell; for(var i=0;i<5;i++){ row=document.createElement("tr")

用easyui实现查询条件的后端传递并自动刷新表格的两种方法

用easyui实现查询条件的后端传递并自动刷新表格的两种方法 搜索框如下: 通过datagrid的load方法直接传递参数并自动刷新表格 通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中 js代码(搜索按钮的点击事件部分): $("#standardQueryBtn").click(function(){//点击搜索按钮的触发事件 if($("#offerid").val() != ""){//判断id搜索框的值是

Latex 表格内公式换行方法

Latex 表格内的公式实现换行的方法 简单的两步走: 1.先将下面的语句放在latex正文的导言区: \newcommand{\tabincell}[2]{\begin{tabular}{@{}#[email protected]{}}#2\end{tabular}} %放在导言区 2.然后在tabular内的格子内使用 \tabincell{c}{} 插入相应内容, 就可以在表格中自动换行 以下为一例子,可直接存为.tex文件编译运行: \documentclass[a4paper,12pt

ASP.NET输出EXCEL表格的几种方法(总结修改)

这几天要从数据库导出EXCEL表格,就找了N钟方法,经测试,下面的方法比较的好用一点.都是经过输入DataTable而导出的.不过导出的EXCEL都不是正规的EXCEL格式,只能说是HTML格式的,导出的再导入进数据库就会出现问题了.想导入的话用EXCEL打开另存为EXCEL格式就好了 1.利用DataRow直接输出,经测试,没有乱码.        public bool LendOutExcel(string strFileName, DataTable DT)        {      

C#WinForm 直接导出DataGridView数据到Excel表格的二种方法对比

方法一.利用微软的excel 操作类 引用:using Excel = Microsoft.Office.Interop.Excel; 代码如下:         #region导出数据表:Excle (微软的excel 操作类)         ///<summary>         ///导出数据表:Excle         ///</summary>         ///<param name="myDGV"></param>

php语言中Excel表格导入数据库的方法详解

在php编程语言中,对于如何在Excel表格中导入数据库的方法是很多编程者比较头疼的一个问题,有些技术人员可能在百度尝试过搜索很多不同的问题,但是给出的答案经过自己测试之后,发现还是行不通,那么对此,燚轩科技也尝试了一下如何在Excel表格中导入数据库,现在将源代码展示给各位技术编程者,大家可以借鉴参考一下. public function saveexcel(){require_once('./Thinkphp/Extend/Vendor/PHPExcel-1.8/Classes/PHPExc

DataTables 表格固定栏使用方法

有时候数据过多,为了用户体验,需要将重要的栏目固定不动,如下图所示: 从上图我们可以看出,表格滚动的时候,左边5栏是不动的.现在说一下实现方法: 插件地址: https://datatables.net/ 使用方法: wageTable为表格的ID. var table = $('#wageTable').DataTable( { scrollX: true, scrollCollapse: true, paging: false, //不用分页 info: false, //隐藏表格底部信息

Latex表格太宽处理方法 (How to shorten Latex table length)

当表格太宽时, 为了能在页面中显示完整, 可以缩小表格, 或者横排.缩小表格的好处是, 不用倒转页面阅读, 坏处是原始宽度不同的表格, 被缩小后, 字体不一, 不美观. 虽然可以调整参数使得所有表格字体一致, 但是非常不方便.横排则可以保持字体大小一样.[格式]注意, 表格包含标题, 表格体, 注解3部分. [1]缩小方法(之一):使用\resizebox{\textwidth}{!}{...}, 用到graphix宏包.\begin{center}\begin{table*}[h]\resiz

LayUI使用弹窗重载父级数据表格的两种方法

参考LayUI官方文档,在子窗口中重载父级数据表格找到以下两种方法: 1.子窗口中重载:在子窗口中直接调用父级talbe的reload方法. $("body").on("click", "#Test", function () { //刷新父级数据表格 parent.layui.table.reload("demo"); //关闭弹层 var index = parent.layer.getFrameIndex(window.