次の写真でWordpressのソースコードを読んでみました。
彼らが各列のHTML/CSSをどのように修正できるのか、彼らが何を使用しているのかわかりません。
他のページに移動しても、列は同じ位置にあります。
しかし、CodeIgniterで他のページに移動してページ付け/テーブルライブラリを試してみると、テーブルは柔軟で、セル内の情報に依存しています。
ここの画像:
次の写真でWordpressのソースコードを読んでみました。
彼らが各列のHTML/CSSをどのように修正できるのか、彼らが何を使用しているのかわかりません。
他のページに移動しても、列は同じ位置にあります。
しかし、CodeIgniterで他のページに移動してページ付け/テーブルライブラリを試してみると、テーブルは柔軟で、セル内の情報に依存しています。
ここの画像:
width
属性はCSSで指定されています。
.fixed .column-response,
.fixed .column-author,
.fixed .column-categories,
.fixed .column-tags,
.fixed .column-rel,
.fixed .column-role {
width: 15%;
}
同様に、table
要素は固定幅です。
table.fixed {
table-layout: fixed;
}
table-layout
CSSプロパティを使用します。例:
#mytable
{
table-layout: fixed;
}
幅のあるdivを使用できます
<table>
<tr>
<td><div style="width: 200px;">
test...
</div></td>
<td><div style="width: 600px;">
test...
</div></td>
</tr>
</table>