Во-первых, проверьте марку/версию вашего браузера: border-spacing
не поддерживается в IE6/7. Во-вторых, border-spacing
работает только тогда, когда border-collapse
таблицы установлено на separate
. Вероятно, какая-то конкретная таблица стилей PrimeFaces установила для него значение collapse
(что является предпочтительной формой представления границ в пользовательском интерфейсе). Таким образом, border-spacing
не сработает.
Таким образом, все со всем этим должно работать, включая хак IE6/7 на последнем объявлении:
.yourTableClass {
border-collapse: separate;
border-spacing: 10px;
*border-collapse: expression('separate', cellSpacing = '10px');
}
с
<p:dataTable styleClass="yourTableClass">
(классы предпочтительнее встроенных стилей)
Обновление: согласно скриншоту и комментариям, PrimeFaces заключает сгенерированный HTML <table>
в <div>
и применяет к нему style
/styleClass
вместо завернутого <table>
. Я не ожидал этого. В таком случае вам потребуется следующее объявление CSS:
.yourTableClass table {
border-collapse: separate;
border-spacing: 10px;
*border-collapse: expression('separate', cellSpacing = '10px');
}
person
BalusC
schedule
11.04.2011