<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %>
<!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 runat="server">
<title>无标题页</title>
<style type="text/css">
.red{height:200px;font-size:30px;background-color:Gray;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
var tbody = document.createElement("TBODY");
tbody.setAttribute("class","red");
var table= document.createElement("table");
table.style.color = "Red";
table.setAttribute("width","100%");
table.setAttribute("height","100px");
table.setAttribute("className","red");
var row = document.createElement("tr");
var cell = document.createElement("td");
var c = document.createAttribute("styles");
c.nodeValue = "font-size:large";
cell.setAttributeNode(c);
cell.innerText = "1";
//cell.setAttribute("style","font-size:large;");
var cell1 = document.createElement("td");
cell1.style.setAttribute("color","blue");
//cell1.style.setAttribute("backgroundColor","green");
cell1.innerText = "2";
cell1.setAttribute("className","red");
row.appendChild(cell);
row.appendChild(cell1);
tbody.appendChild(row);
table.appendChild(tbody);
alert(table.outerHTML)
document.body.appendChild(table);
</script>
- 浏览: 139784 次
- 性别:
- 来自: 深圳
相关推荐
利用js技术和css技术实现比较好看使用的table表格,方便用来制作前端页面表格,可供参考学习或直接使用。
自定义的table样式 隔行换色,鼠标悬停变色 ,点击 变色
用js实现点击表头对Table排序,支持td中包含html标签,支持tr,td的原来样式不丢失,支持选择从第几行开始排序,支持时间,小数,整数和字符的排序
js一键将前端表格导出成Excel(携带样式)
这是另外的js文件
JS组件Bootstrap Table使用方法详解 转载 2016年03月21日 15:06:09 标签: Bootstrap Table 最近客户提出需求,想将原有的管理系统,做下优化,通过手机也能很好展现,想到2个方案: a方案:保留原有的页面,新设计...
经典使用的table样式,引入js即可,不需要对table进行其他操作/
js导出table 可自定义导出文件名,可导出css样式,也是我在项目中用到的,希望可以帮助到大家,里面有注释讲解
用js实现 表格行的表格,上移 ,下移,置顶,置底操作 直接引入js 快捷方便 支持ctrl键同时选择多行操作 支持选中行改变样式 支持行号显示 支持未选择行时移动提示
1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 公司一 效果: 完整代码: <!DOCTYPE html> <html lang="en"> &...
bootstrap table 拖拽所需的js,包含bootstrap-table-reorder-rows.js、bootstrap-table-reorder-rows.css、jquery.tablednd.min.js
本文给大家讲解的是使用javascript实现去除多余的TABLE的样式,主要通过结合正则表达式来实现,非常的简单实用,有需要的小伙伴可以参考下。
2022/09/02更新: 下边网友发现有新的方案:...table样式完全模拟了el-table组件样式。看官方文档两天也不如直接看一个完整的实例。 需要安装依赖:npm i -S vuedraggable@next
ps:table请用class来绑定样式,用id的话新table就获取不了样式了。 克隆之后再设置样式: this._style.width = this._oTable.offsetWidth + "px"; this._style.position = isIE6 ? "absolute" : "fixed"; this._...
常用js demo,table表头不变,双色球样式
非常漂亮的css+table+js BS模板
* 分页样式(需要自定义): * @media print { * .pageBreak { page-break-after:always; } * } * 使用例子: * $(function(){ * $("#tabContent").printTable({ * mode : "rowNumber", * header : "#...
<script type="text/javascript" src="AutoTableSize.js"> 3、编写你的脚本调用: new AutoTableSize(); 当DOM对象中只有一个Table的时候不用指定Table的ID属性; new AutoTableSize(table); table:既可以是表格的ID...
javascript动态生成固定样式的table