个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我不知道为什么文本会重叠。
这是显示问题的屏幕截图:
http://i.imgur.com/rLIcww4.png?1
如您所见，列标题“Subcontratada”重叠。
我的代码有什么问题？
这是我的 CSS 代码:
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables display
*/
table.display {
margin: 0 auto;
clear: both;
width: 100%;
table-layout:fixed;
}
table.display thead th {
padding: 3px 18px 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
* cursor: hand;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />
<title>DataTables Editor example</title>
<style class="include" type="text/css">
@import "support/bootstrap/css/bootstrap.css";
@import "support/bootstrap/dataTables/dataTables.bootstrap.css";
@import "css/customTable.css";
</style>
<script class="include" type="text/javascript" charset="utf-8" src="../../../media/js/jquery.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="../../../media/js/jquery.dataTables.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="../../TableTools/media/js/TableTools.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="../../TableTools/media/js/ZeroClipboard.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="../media/js/dataTables.editor.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/js/bootstrap.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/dataTables/dataTables.bootstrap.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/dataTables/dataTables.editor.bootstrap.js"></script>
<script class="include" type="text/javascript" charset="utf-8" src="./js/custom.js"></script>
</head>
<body id="dt_example">
<div id="mContainer" style="border: red 4px dashed;width:1200px;margin-left:auto;margin-right:auto;">
<div id="demo" style="border: blue 4px dashed;width:1200px;">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered display" id="example"">
<thead>
<tr>
<th style="text-align: center;">Data</th>
<th style="text-align: center;">Tema</th>
<th style="text-align: center;">Vínculo</th>
<th style="text-align: center;">Empresa</th>
<th style="text-align: center;">Subcontratada</th>
<th style="text-align: center;">NDP</th>
<th style="text-align: center;">CH</th>
<th style="text-align: center;">HHT</th>
<th style="text-align: center;">Gerência</th>
<th style="text-align: center;">Área Solicitante</th>
<th style="text-align: center;">CC</th>
<th style="text-align: center;">Rateio</th>
</tr>
</thead>
</table>
</div>
<div class="spacer"></div>
</body>
</html>
最佳答案
浏览器不会在单词中间打断文本。您需要使用 <br /> 手动插入换行符如果你想让它在单词中间中断。或者减小该列标题中的字体大小。
关于css - jQuery 数据表 - 列标题 (<th>) 文本重叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15979778/
30
4
0
在 Python 中，为什么这两个 5 * ['th'] 和 [5 * ' th'] 给出几乎相同的结果？这里的问题是为什么 5* ['th'] 给出的列表是五倍而不是五个列表。 >>>5 * ['t
我正在创建一个 HTML 表格，该表格当前有一个点击事件附加到列标题 TH 以对表格进行排序。 我现在要做的是在您单击“某处”时通过显示额外的隐藏列来扩展列。现在，我对这个“某处”的最初想法是在每个具
很容易看出公式是正确的，但我不知道如何证明这一点。其他一些树怎么样:每个节点有 3 个 child ，4 个 child 的树......？谢谢! 最佳答案 您必须证明，如果您按级别顺序遍历一棵完整的
我尝试使用下面的函数来隐藏基于第一个标签之间的单词的列以下是我到目前为止所拥有的但目前不起作用 $('#MenuContent_butUsers').click(function () { h
我想让下面的输出看起来像图像中的一样，只将标题 th 分成两个 th 就像蓝线我需要两个用于单个 td 的 header ，请帮忙，谢谢。 table { font-family: aria
我有多个选择选项。但是，我希望当我选择 1 个或两个选项或其他选项时更改列 动态生成html并从数据库获取数据 目前我已经创建了多重选择选项和 html 表格
我有一个表，它有一个表头，它有如下子表头: table, th, td { border: 1px solid black; } Fisrt Name Last Na
我需要迭代并创建 每个 component 的元素在components具有 name 的数组的 'MATERIAL' 我的代码如下 此代码在生成一组空 之前一切正常元素如果
我最近才开始在我的一个项目中使用 Thymeleaf。我见过一些在某些地方使用 th:text=${example} 的示例 th:value=${example}。 我已经浏览了 Thymeleaf
首先，我检查从中获取轨道列表的项目是否是 CD。如果这是真的，我想循环列表并为每个条目创建一个段落。我的问题是，对于非 CD 的项目，我会在 ${item.getTrackList()} 处收到错误，
我解析一些站点并获取 TH 元素实例，然后我使用 innerText 获取所需的文本，当有一些我不需要的额外垃圾文本时，问题就来了。无论如何我只能获得顶级文本吗？ var th_elem = /*so
我有一个脚本可以将表解析为 json。 这样的效果很好 Name Value 与脚本逻辑: var headers = []; $(rows.s
我有一个 html 表格，其中一个标题跨越 2 列。如何向两列中的每一列添加子标题？ 例如在附图中，我希望“联系人”列的各个列具有子标题“电话”和“地址”。 最佳答案 如果你在纸上画出表格，你会采用同
我是 Thymeleaf(和 webdev)的新手，我正在尝试将 Thymeleaf 迭代 (th:each) 与 URL 重写 (th:href) 结合起来。 hello 这会产生以下结果(其中
我有一个表单，我想在其中编辑一些用户数据。 所以已经存储的数据被放置为 th:value 并且在发送后我使用 spring 验证进行验证并希望在错误输入时返回表单。我希望输入字段具有用户输入的值，但它
我正在使用一个位于“th”标签下的下拉框。我正在使用以下代码。 Element_Name 我动态调用我的下拉元素。 我想在列表顶部显示“选择”作为我的默认元素。我已尝试使用以下代码。但这并没有奏效。
我是 thymeleaf 的新手，我正在尝试创建一个 html 表，其中一个 boolean 值决定文本在某些列中是通过还是失败。 SmokeTest.passOrFailArray 是一个 bool
我是 thymeleaf 的新手，我正在尝试创建一个 html 表，其中一个 boolean 值决定文本在某些列中是通过还是失败。 SmokeTest.passOrFailArray 是一个 bool
我如何使用 Jquery 动态地为 th 添加值。我希望在 Heading7 之后将值附加到 Heading8 和 Heading9 Heading1 He
我正在尝试创建一个包含可排序行的表格 - 但其中一行也需要一个下拉列表。 问题是，当单击下拉菜单时 - 表头的单击事件正在触发，导致不应该发生的事情发生。 我发现了这个: http://www.vel
我是一名优秀的程序员,十分优秀！