Tapestry：如何在 jquery/datatable 上覆盖日期字段弹出窗口答案

【问题标题】：Tapestry: How to overlay DateField pop-up over jquery/datatableTapestry：如何在 jquery/datatable 上覆盖日期字段弹出窗口
【发布时间】：2013-06-24 09:27:20
【问题描述】：

当我在网格上方有一个 DateField 组件时，DateField 弹出窗口（日历样式）会覆盖网格。但是，当我使用 jquery/datatable 时，DateField 弹出窗口被数据表挡住了。如何让 DateField 弹出窗口覆盖数据表？

这是我的 tml 文件

<input t:type="DateField" t:id="DateTo" value="dateToValue" format="MM/dd/yyyy"     t:validate="required" />      
<table width="100%" t:type="jquery/datatable" t:id="list" t:source="dataList" t:row="rowData"  t:options="options"

【问题讨论】：

你能在 JSFiddle 上分享你的代码吗？
我已经编辑了我的帖子并添加了我的代码

标签： jquery datatable overlay tapestry datefield

【解决方案1】：

对我来说，这听起来像是一个z-index 问题。您需要确保 DateField 的弹出窗口具有比 jquery 数据表更大的 z-index。大多数浏览器都有一个功能，您可以右键单击 UI 元素并检查它。然后，您可以看到哪些 CSS 类应用于日期字段弹出窗口。然后，添加一个 CSS 规则来增加 z-index。

.whateverclass {
    z-index: 1000;
}

【讨论】：