table表格模板（自用）

例子：

标签：

<div class="first-Table-Box"><table class="table-Box"><tr class="table-Tr"><th class="table-Th"><div class="table-title">目录名称：</div></th><td class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">农机购情况</span></div></td><th class="table-Th"><div class="table-title">开放类型:</div></th><td class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">普遍开放</span></div></td></tr><tr class="table-Tr"><th class="table-Th"><div class="table-title">所属系统：</div></th><td class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">集团项目管理</span></div></td><th class="table-Th"><div class="table-title">联系方式:</div></th><td class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">130555522555</span></div></td></tr><tr class="table-Tr"><th class="table-Th"><div class="table-title">资源标签：</div></th><td class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">工程建设领域</span></div></td><th class="table-Th"><div class="table-title">所属单位:</div></th><td class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">工程公司</span></div></td></tr><tr class="table-Tr"><th class="table-Th"><div class="table-title">简介</div></th><td colspan="3" class="table-Td"><div class="table-Lisdata"><span class="table-Lisdata-span">该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。该地方简介内容。</span></div></td></tr></table></div>

css：

.first-Table-Box{.table-Box{width:100%;table-layout: fixed;.table-Tr{font-size: 14px;.table-Td{border-bottom: 1px solid #ececed;text-align: left;border-top: 1px solid #ececed;.table-Lisdata{padding: 0 16px 0 12px;.table-Lisdata-span{padding-top: 15px!important;padding-bottom: 15px!important;color: #404348;display: block;padding-top: 8px;padding-bottom: 6px;min-height: 30px;word-break: break-all;}}}.table-Th{width: 160px;text-align: right;border-bottom: 1px solid #ececed;border-top: 1px solid #ececed;background-color: #f7f8f9;.table-title{padding: 15px 16px !important;color: #65686d;line-height: 18px;}}}}}

table表格模板（自用）相关推荐

elementU中table表格模板(拿来即用)
elementUI拿来即用的table表格模板 <!--* @Description: elment table表格* @Version: * @Autor: DYQ* @Date: 2021- ...
layui table 表格模板按钮的实例代码
文章转载:https://www.jb51.net/article/170530.htm 今天小编就为大家分享一篇layui table 表格模板按钮的实例代码,具有很好的参考价值,希望对大家有所帮助 ...
Vue table表格模板
el-标签总结:https://blog.csdn.net/Tom__cy/article/details/89680067 el-pagination 封装: https://blog.csdn.n ...
HTML中Table表格的使用与漂亮的表格模板
1.表格标记表格是网页中十分重要的组成元素.表格用来存储数据,包含标题.表头.行和单元格.在HTML语言中,表格标记使用符号<table>表示.定义表格光使用<table>是 ...
【自用】EasyExcel 表格模板下载及导入
工具类 import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java ...
vue后台管理系统中，table表格页面使用mixins【混入自用】
mixins文件夹中的view-module.js 在此js中写一些公用的data配置如:查询条件,分页属性等和table表格有关的data属性在此js中写一些公用的methods方法如:查询,分页 ...
layui一个表格中怎么接两个接口的值_layer学习笔记之table表格引入数据实现分页...
LayUI是一款免费,开源,轻量级的前端cms框架,适用于企业后端,能快速上手开发,集成了常用的组件,还有完善的文档和社区. 最近一直在学习使用layer的layui框架技术,这个主要表现在于弹出层的 ...
layui中table监听单元格_layui table表格监听头删除不请求后台
表格js function getTable() { var table = layui.table //表格 var username=$("#username").val(); ...
table表格的增删查改、图片的处理、数据的导入导出
之前我们讲过一个数据库里面的增删查改和用jquer讲了一些简单的增删查改,没有做任何的判断,这次还是使用table的表格给它加一些条件的判断. 图表 1 图表 2 图表 3 图表1.图表2.图表3是h ...

table表格模板（自用）

table表格模板（自用）相关推荐

最新文章

热门文章