<style>
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #D5D4D4;
border-collapse: collapse;
}
table.gridtable thead tr th {
border-width: 1px;
padding: 8px;
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#FFFFFF;
border-style: solid;
border-color: #5CB8E6;
background-color: #79C8F1;
}
table.gridtable thead tr td {
border-width: 1px;
padding: 8px;
font-size:13px;
border-style: solid;
border-color: #D5D4D4;
/*background-color: #F0FAFF;*/
background-color: #FCFCFC;
}
table.gridtable tbody tr td {
border-width: 1px;
padding: 8px;
font-size:12px;
border-style: solid;
border-color: #D5D4D4;
background-color: #ffffff;
}
a{text-decoration:none}
</style>
<div style="max-height: 250px; width: 100%; overflow: auto;">
<table id="wftable" class="gridtable" style="width:100%;">
<col width="7%" />
<col width="63%" />
<col width="10%" />
<col width="20%" />
<thead>
<tr>
<th colspan="4">
待办任务 ( <span id="td2"></span> )
</th>
</tr>
<tr>
<td width="7%">序号</td>
<td >任务描述</td>
<td width="10%">应用程序</td>
<td width="20%">上次日期</td>
</tr>
</thead>
<tbody>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
</div>
分享到：
相关推荐
本资源“jQuery Table表格排序显示代码.zip”聚焦于利用jQuery实现动态表格排序的功能，这对于数据展示和用户交互至关重要。下面将详细阐述相关知识点。 1. **jQuery基础**：首先，理解jQuery的基础是至关重要的。...
本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下： 表格的绘制 js Page({ data:{ infeed:[', 1周, 2周, 3周, 总计], endwise1: 游泳, tb1:0, tb2:0, tb3:0, tb4:0, endwise2: ...
table表格，让thead固定，tbody有滚动条，关键是都对齐的纯css写法。table表格，让thead固定，tbody有滚动条，关键是都对齐的纯css写法。table表格，让thead固定，tbody有滚动条，关键是都对齐的纯css写法。table...
通过以上步骤，你的Bootstrap-table表格就成功地被翻译成了中文。这个过程不仅可以帮助中文用户更好地理解和使用你的网页，也有利于提升用户体验。在未来，如果计划介绍Bootstrap-table的简单使用，可以涵盖表格的...
"实现table表格可按行拖拽，按列排序，并可以保存排序后的结果"是一个常见的需求，尤其适用于数据展示和管理的场景。这里我们将详细探讨如何利用jQuery、jQuery.tablesorter和jQuery.tablednd_0_5这三个JavaScript库...
在给定的资源中，“原生js table表格自动排序效果”提供了一个无需依赖任何外部库（如jQuery或lodash）的解决方案。下面我们将详细探讨这个功能的实现原理和相关知识点。 首先，`index.html`文件是网页的结构部分，...
"js实现漂亮的table表格"这个主题涉及到使用JavaScript和CSS来增强HTML表格的功能和外观，使其更具吸引力并提供更好的用户体验。下面我们将详细探讨这个主题中的关键知识点。 首先，HTML表格是网页上展示结构化数据...
table表格的常用功能 - JQuerytable表格的常用功能 - JQuerytable表格的常用功能 - JQuerytable表格的常用功能 - JQuerytable表格的常用功能 - JQuery
要实现`table表格固定行和列`，我们可以采用以下几种方法： 1. **CSS样式实现** 通过CSS定位技术，我们可以将表头（thead）和第一列（th）设置为固定位置。例如，使用`position: fixed`可以将元素从正常文档流中...
本教程将深入探讨如何使用jQuery实现动态更改table表格数据，让你的网页表格具有实时编辑功能，提升用户体验。 首先，我们需要理解HTML表格的基本结构。一个基本的表格由`<table>`元素开始，包含若干个`<tr>`（行）...
在jsp、html页面中实现table表格按列合并相同数据行单元格代码，可实现功能为：在一个table表格中，合并指定列中所有相同数据相邻行单元格内容。
ASP.NET Table 表格控件的使用方法 ASP.NET Table 表格控件是 ASP.NET 中的一个重要控件，它可以用来生成表格，展示数据，并提供了许多有用的属性和方法来控制表格的显示和行为。本文将详细介绍 ASP.NET Table 表格...
本文将详细介绍如何使用jQuery和JavaScript技术来实现在网页上的Table表格中，通过拖动表头来任意调整列宽度的功能，这个功能适用于各种列表页面，如数据展示、报表分析等场景。 首先，我们需要引入jQuery库，它是...
在"Bootstrap Table表格示例"中，我们可以学习如何利用Bootstrap的表格类来格式化HTML表格，使其具有Bootstrap的样式和功能。Bootstrap表格支持多种样式，包括条纹、边框、hover效果以及对齐方式等，这些都可以通过...
本篇文章将详细解析“普通table表格样式及代码大全(全)”中的各种表格样式，包括单实线边框、虚线边框、点线边框、双实线边框、槽线边框、脊线边框以及内凹效果边框，帮助你理解和掌握这些基本样式的设计与实现方法...
使用bootstrap，配合JQ写的关于table表格的显示和折叠效果。点击实现table表格的折叠后，显示+号，再次点击，伸展表格中的内容，并显示-号
在这个"自适应Table表格样式代码.zip"压缩包中，我们主要关注的是如何使用HTML和CSS3来创建一个响应式的表格，以实现跨平台的良好用户体验。此外，JavaScript也可能被用来增强表格的功能，如交互性或动态调整。 ...
该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用，当然done下还可以做其他逻辑判定，附上源码，绝对可用。
**jQuery UI 拖拽信息到Table表格特效详解** 在网页开发中，用户交互体验是至关重要的，而jQuery UI库提供了丰富的组件和效果，其中拖放功能（Drag and Drop）可以显著提升用户的操作便捷性。本篇文章将详细介绍...
在uni-app框架中，`table`组件是一种用于展示数据的常用元素，尤其在处理列表或者表格数据时。uni-app是一个跨平台的前端开发框架，它允许开发者使用Vue.js语法编写代码，一次编写，多端运行，包括iOS、Android、H5...