在 p:dataTable 的所有行中设置 p:autoComplete 宽度，并且仅在此处设置

Question

我在页面的上部有几个 p:autoComplete，这些需要加宽。在页面底部有一个 p:dataTable 和 editable 值。在一列中，数据是用 p:autoComplete 编辑的。这些需要很窄，因为 table 可以有很多行，所以可以有任意数量的行。所有自动完成元素都设置了 multiple="true" 属性。

CSS class .ui-autocomplete-multiple-container 的设置宽度也会影响页面上部的自动完成元素。如何仅为数据中的自动完成元素设置宽度 table?

编辑：

Here 是关于该主题的一个很好的总结，但它没有解决数据 table 中存在任何数量的自动完成元素并且只有那些自动完成元素的宽度必须更改的情况。

Answer 1

div[id^="fRules:dtRules:"][id$=":acServices"] .ui-autocomplete-multiple-container {
    width: 11em;
}

在此示例中，div 标记上方的 ul id 是第一行的 fRules:dtRules:0:acServices。第二行的数字将是 1，依此类推。

在 p:dataTable 的所有行中设置 p:autoComplete 宽度，并且仅在此处设置

Set p:autoComplete width in all rows of p:dataTable and only there

css

primefaces