jquery - Tapestry：如何在 jquery/数据表上覆盖 DateField 弹出窗口

Question

当我在网格上方有一个 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"  

Answer 1

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

.whateverclass {
    z-index: 1000;
}