8 lines
6.5 KiB
HTML
8 lines
6.5 KiB
HTML
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>{$my.Think.config.web.htmltable.title}</title><meta name="applicable-device" content="pc,mobile" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="keywords" content="{$my.Think.config.web.htmltable.keywords}" /><meta name="description" content="{$my.Think.config.web.htmltable.description}" /><meta name="renderer" content="webkit" /><meta name="apple-mobile-web-app-capable" content="yes" /><link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon" /><link href="/static/style/bootstrap.min.css" rel="stylesheet" type="text/css" /><link href="/static/style/tool.css" rel="stylesheet" type="text/css" /><!--[if lt IE 9]><script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->{:$my.Think.config.web.header}</head><body>{include file="header" /}
|
|
<div class="container"><div class="row"><div class="col-md-12"><div class="accordion" id="accordion2"><div class="accordion-group"><!-- <div><a href="https://www.aliyun.com/minisite/goods?userCode=eaborev5" target="_blank" rel="nofollow"><img src="http://zxgj.16400.cn/static/images/ali.jpg"></a></div> -->
|
|
<ul class="nav nav-tabs hbflag"><li role="presentation"><a href="/html2js/"> Html转JS</a></li><li role="presentation"><a href="/htmloutjs/">Html/JS互转</a></li><li role="presentation"><a href="/htmlescape/"> Html转义工具</a></li><li role="presentation"><a href="/html2cj/"> Html转C#/JSP</a></li><li role="presentation"><a href="/html2php/">Html转PHP代码</a></li><li role="presentation"><a href="/html2all/">Html转ASP/Perl</a></li><li role="presentation" class="active"><a href="/htmltable/">Html表格生成器</a></li><li role="presentation" class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;" role="button" aria-haspopup="true" aria-expanded="false">更多工具<span class="caret"> </span></a><ul class="dropdown-menu"><li role="presentation"><a href="/htmlfromcsv/">Excel转HTML表格</a></li><li role="presentation"><a href="/html2ubb/">HTML/UBB互转</a></li><li role="presentation"><a href="/htmlmarkdown/">HTML/MarkDown互转</a></li></ul></li></ul><div class="panel"><form id="form1" class="form-horizontal"><div class="input-group"><label>快速生成HTML表格，请选择表格行列数及样式：</label> </div>
|
|
<div class="form-group"><div class="col-sm-12"><label><strong>表格样式</strong></label> <select id="tableColor" name="tableColor"><option value="Blue">蓝色</option><option value="Green">绿色</option><option value="Grey">灰色</option><option value="Orange">橙色</option><option value="Brown">棕色</option><option value="Black">黑色</option><option value="None">无色</option></select> <select id="tableDesign" name="tableDesign"><option value="alternating">主题</option><option value="minimal">头部</option><option value="noStyle">无样式</option></select></span> <strong>突出显示：</strong> <select id="tableHighlight" name="tableHighlight"><option value="row">鼠标悬念突出显示</option><option value="none">无突出显示</option></select> <label><strong>表格结构:</strong></label><input type="text" id="sizeCols" name="sizeCols" value="5" size="2" > 列 <input type="text" id="sizeRows" name="sizeRows" value="7" size="2"> 行</span> <strong>单元格信息：</strong> <select id="tableInfo" name="tableInfo"><option value="yesInfo">加入占位符</option><option value="noInfo">空白表格</option></select> <span id="copyallcode" class="btn btn-default" data-clipboard-target="#newCode">复制Html代码</span></div></div><div class="form-group"><div class="col-sm-12"><textarea id="newCode" name="newCode" rows="8" class="form-control" onclick="javascript:this.form.newCode.focus();this.form.newCode.select();"></textarea></div></div><div class="pure-control-group"><label>HTML表格预览</label>，下面显示的是您选择的html表格样式</div><div id="newTable"><style type="text/css">table.tftable{font-size:12px;color:#333333;width:100%;border-width:1px;border-color:#729ea5;border-collapse:collapse}table.tftable th{font-size:12px;background-color:#acc8cc;border-width:1px;padding:8px;border-style:solid;border-color:#729ea5;text-align:left}table.tftable tr{background-color:#d4e3e5}table.tftable td{font-size:12px;border-width:1px;padding:8px;border-style:solid;border-color:#729ea5}</style><div class="table-responsive" id="newTable"><table id="tfhover"class="tftable"border="1"><tbody><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr><tr style="background-color: rgb(212, 227, 229); "><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td><td>Row:1 Cell:4</td><td>Row:1 Cell:5</td></tr><tr style="background-color: rgb(212, 227, 229); "><td>Row:2 Cell:1</td><td>Row:2 Cell:2</td><td>Row:2 Cell:3</td><td>Row:2 Cell:4</td><td>Row:2 Cell:5</td></tr><tr style="background-color: rgb(212, 227, 229); "><td>Row:3 Cell:1</td><td>Row:3 Cell:2</td><td>Row:3 Cell:3</td><td>Row:3 Cell:4</td><td>Row:3 Cell:5</td></tr><tr><td>Row:4 Cell:1</td><td>Row:4 Cell:2</td><td>Row:4 Cell:3</td><td>Row:4 Cell:4</td><td>Row:4 Cell:5</td></tr><tr><td>Row:5 Cell:1</td><td>Row:5 Cell:2</td><td>Row:5 Cell:3</td><td>Row:5 Cell:4</td><td>Row:5 Cell:5</td></tr><tr><td>Row:6 Cell:1</td><td>Row:6 Cell:2</td><td>Row:6 Cell:3</td><td>Row:6 Cell:4</td><td>Row:6 Cell:5</td></tr></tbody></table></div>
|
|
</div></form></div></div><div class="alert alert alert-success alert-dismissible"><h4>生成HTML表格工具介绍</h4><p>HTML表格生成可以帮助你快速生成html表格代码，生成不同样式的table，不同大小的表格，不同显示风格html表格，不同颜色的html表格,可实时预览表格效果,快速生成方便快捷。</p></div> <div class="accordion-group"> </div></div></div></div></div><script src="/static/script/jquery-1.11.3.min.js" type="text/javascript"></script><script src="/static/script/bootstrap.min.js" type="text/javascript"></script><script src="/static/script/tool.js" type="text/javascript"></script><script src="/static/script/pcjs/htmltable.js" type="text/javascript"></script><script src="/static/script/hightout.js"></script>{include file="nav" /}
|
|
{include file="link" /}
|
|
{include file="footer" /}
|
|
</body></html> |