Question

在modx中我尝试使用getResources创建表，但我遇到了麻烦......

每个看过这个的人都不在乎，这不是一个纯粹的modx问题，而是更多的HTML问题

例如我的电话是：

[[Wayfinder? &startId=`[[*id]]` &level=`1` &where=`{"isfolder":"1"}` &rowTpl=`menuRowMiddle` &outerTpl=`menuOuterMiddle`]]

和我的模板：外：

<td width="50%" valign="top">
    <div style="padding: 5 0 5 0;">
        <a style="font-size: 14px; font-weight: bold; padding: 10 0 10 0; text-decoration: none;" href="[[+wf.link]]" [[+wf.attributes]]><span>[[+wf.linktext]]</span>[[+wf.wrapper]]</a>
    </div>
    <div style="padding-left: 10px;"></div>
</td>

行：

<td width="50%" valign="top">
    <div style="padding: 5 0 5 0;">
        <a style="font-size: 14px; font-weight: bold; padding: 10 0 10 0; text-decoration: none;" href="[[+wf.link]]" [[+wf.attributes]]><span>[[+wf.linktext]]</span>[[+wf.wrapper]]</a>
    </div>
    <div style="padding-left: 10px;"></div>
</td>

但是我有一个tr，并且有很多td的

BUT！如何将这个td限制为一行，并且这样的tr必须是一些计数，而不是一个....

我可以使用纯HTML执行此操作吗？（也许是css？）

Answer 1

更改您的代码以输出：

<tr>    
<td valign="top">
    <div style="padding: 5 0 5 0;">
        <a style="font-size: 14px; font-weight: bold; padding: 10 0 10 0; text-decoration: none;" href="[[+wf.link]]" [[+wf.attributes]]><span>[[+wf.linktext]]</span>[[+wf.wrapper]]</a>
        </div>
    <div style="padding-left: 10px;"></div>
</td>
</tr>

你应该没问题

Answer 2

Wayfinder没有指定交替奇数/第n个块的选项，因此无法构建服务器端。您可以选择将其全部输出到一行，并使用javascript将表重新编码为您喜欢的结构，或者更改为使用getResources（如果可能），您可以使用它的&tplFirst, &tpl, &tplOdd/&tpl_nN, &tplLast参数来构建您需要的结构。

如果您真的想使用Wayfinder，您可以随时修改它以启用交替使用&rowTpl，但这应该是最后的选择。

即使使用:nth-child CSS选择器来绝对定位TD也可以或多或少地与wayfinder结合使用，因为你真的需要几个类来识别何时想要垂直和水平移动元素。

表设置tr中的最大行数

2 个答案: