-
ID:fAXFQp さんの質問

CSS初心者です。
Gridテーブルについて、どなたかご教示をお願い致します。
http://www.matts411.com/static/demos/grid/index.html

<tbody><td>タグ内に<br>を記載して複数行を表示したいのですが、
Gridではセルが崩れてしまい上手く表示できません。
<thead>部は、1行なのでpaddingで行の高さを指定して表示が可能ですが、
<tbody>の<tr>ごとに設定する方法が見つかりません。

よろしくお願いいたします。

みんなの回答 1 件

ID:EMX7dh さんの回答

TRにクラス振って、その中のTDにスタイル充ててやればいいんじゃないかしら。
tr.xxx td {...}みたいな?

ID:fAXFQp

早速に、ありがとうございます。
そう思って、(javascriptファイルがいじれないので)htmlファイル内に直に、cssを書き込んで=trにクラスを張りadding指定=したのですが、cssが優先されませんでした。
javascript内でのDOM処理が優先しているためか、trクラス設定を反映できませんでした。

ID:fAXFQp

CSSファイルの
.g_BR {
/* Grid body cell */
border-width : 0px 1px 1px 0px;
}

これを下記に変更すると、複数行の表示がされるのですが、

▼これですと、どの行高も同じになってしまいます。
.g_BR {
/* Grid body cell */
padding : 4px 12px 80px 6px !important;
border-width : 0px 1px 1px 0px;
}

.g_BR に、行別のクラスを設定できれば個別の行高を表示できるのではと思うのですが、書き方がわかりません。

ID:fAXFQp

解決いたしました。ありがとうございました。
Firebugを使って、各行ごとのクラス名を見つけだすことができました。

最終更新日:2015-03-25 (2,119 views)

関連するトピックス

ページ上部に戻る