CSS初心者です。Gridテーブルについて、どなたかご教示をお願い致します。http://www.matts411.com/static/demos/grid/index.html
<tbody><td>タグ内に<br>を記載して複数行を表示したいのですが、Gridではセルが崩れてしまい上手く表示できません。<thead>部は、1行なのでpaddingで行の高さを指定して表示が可能ですが、<tbody>の<tr>ごとに設定する方法が見つかりません。
よろしくお願いいたします。
TRにクラス振って、その中のTDにスタイル充ててやればいいんじゃないかしら。tr.xxx td {...}みたいな？
早速に、ありがとうございます。そう思って、（javascriptファイルがいじれないので）htmlファイル内に直に、cssを書き込んで＝trにクラスを張りadding指定＝したのですが、cssが優先されませんでした。javascript内でのＤＯＭ処理が優先しているためか、trクラス設定を反映できませんでした。
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 に、行別のクラスを設定できれば個別の行高を表示できるのではと思うのですが、書き方がわかりません。
解決いたしました。ありがとうございました。Firebugを使って、各行ごとのクラス名を見つけだすことができました。
みんなの回答 1 件
TRにクラス振って、その中のTDにスタイル充ててやればいいんじゃないかしら。
tr.xxx td {...}みたいな？
関連するトピックス