Избежание двойных границ во вложенных панелях Grid / dataTables в JSF - PullRequest
Новая
       3

Избежание двойных границ во вложенных панелях Grid / dataTables в JSF

2 голосов
/ 30 ноября 2010

Я работаю над веб-приложением и довольно часто использую вложенные таблицы для достижения необходимого макета.К сожалению, я не могу избежать рисования границ на ячейках вложенных таблиц.Я пытался использовать CSS и border-collapse: collapse;но это не работаетЯ не разбираюсь в CSS, но вот пример того, что у меня есть: 

table { border-collapse: collapse; width: 75%; }
table.innerTable { width: 100%; border-collapse: collapse; }
td { border: 1px solid black; border-collapse: collapse; }
th { background-color: #6699FF; color: black; }
td { background-color: #d1d1ff; color: #101030; text-align: center;}
.capAttribute { font-weight: bold; }

<h:panelGrid columns="2">
  <h:outputText value="Start Time (MM-dd-yyyy HH:mm)" styleClass="capAttribute"/>
  <h:panelGrid columns="2" >
    <h:inputText id="starttime" value="#timeBean.targetTime.timeStart}"
      converterMessage="Please enter a date in the specified format.">
      <f:convertDateTime pattern="MM-dd-yyyy HH:mm" />
    </h:inputText>
    <h:message for="starttime"/>
  </h:panelGrid>
  <h:outputText value="End Time (MM-dd-yyyy HH:mm)" styleClass="capAttribute"/>
  <h:panelGrid columns="2" >
    <h:inputText id="endtime" value="#{timeBean.targetTime.timeEnd}"
      converterMessage="Please enter a date in the specified format.">
      <f:convertDateTime pattern="MM-dd-yyyy HH:mm" />
    </h:inputText>
    <h:message for="endtime"/>
  </h:panelGrid>
</h:panelGrid>

Есть ли способ избавиться от границы вокруг ячеек внутренней панели Grid, не избавившись от внешних границ

1 Ответ

2 голосов
/ 30 ноября 2010

Добавить 

table table td { border: 0; }

на ваш CSS.

Вы можете даже сделать его более конкретным, предоставив внутренней таблице класс CSS. 

<h:panelGrid styleClass="innertable">

с 

table.innertable td { border: 0; }
...