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

Question

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

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

编辑：

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

Answer 1

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

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