CSSで作るテーブル列を取り部屋ですが、その他のcolsとして

StackOverflow https://stackoverflow.com/questions/118632

  •  02-07-2019
  •  | 
  •  

質問

いのでレイアウトのhtml datatable CSS.

実際のコンテンツのテーブルが異なるものとして度々取り上げられているメインカラムと2はないことにご注意願います。列あります。お客様は、メインのコラムとしても幅し、その内容、その他のカラムを取るとして少し幅が可能です。できないを指定し正確な幅の他のカラムがその内容で変えることができます。

する方法を教えてくださいこの簡単な意味的に有効なhtmlテーブルやcssだけかな？

例えば:

| Main column                           | Col 2 | Column 3 |
 <------------------ fixed width in px ------------------->
 <------- as wide as possible --------->
 Thin as possible depending on contents: <-----> <-------->
役に立ちましたか？

解決

私からは、CSSの専門家がこの作品は私にとって(IE、FF、Safari、Chrome):

td.zero_width {
    width: 1%;
}

そして皆さんのHTML:

<td class="zero_width">...</td>

他のヒント

類似Alexkソリューションが可能で使い易いの実施によって状況:

<table>
    <tr>
        <td>foo</td>
        <td class="importantColumn">bar</td>
        <td>woo</td>
        <td>pah</td>
    </tr>
</table>

.importantColumn{
    width: 100%;
}

きものについて white-space:nowrap の細胞の場合は避けたいという思いがします。

思いった成功 width: 100%; としているそうでないコンテナ事業部との固定幅この取得しませんが決まる。代わりに使うには、次のようなものがそうだった。

.column-fill { min-width: 325px; }

このように得できた場合で、そのブラウザがすべての余分のスペースをどの列に設定します。だードを動作させることができ皆さんがかった私にとってのクロム(なしその他）...値がシュートを放ちます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top