css-tables

0熱

2答えて

最小幅または正確な固定幅を使用せずに要素を水平方向にスクロールする方法はありますか？

という応答性のあるテーブルを作成しようとしていますが、単純すぎると、カラムが多すぎると水平方向にスクロールするようにしたいのです。 .fixed-table-wrap { display: flex; flex-wrap: wrap; overflow: hidden; } .fixed-column { width: 140px

0熱

1答えて

CSSは2列目のブロック内のリストを行全体の高さに展開しますが、2列目には動的サイズの画像があります

固定幅と最大高さのブロックを持っています。このブロックには、リストと動的なサイズの2つの要素を配置する必要があります。テーブル内の列のように1つのレベルになければなりません。このリストはメインブロックの20％の幅で、画像の80％の幅でなければなりません。ウィンドウの幅が減少すると、画像のサイズが変わります。そして、リストは、各リスト項目の等しい高さを維持しながら、行全体の高さを塗りつぶす必要

0熱

1答えて

特定のテーブルの最初の列にシリアル番号を追加する方法

ダッシュボードには多くのテーブルがありますが、ダッシュボードにはfullCalender（fullCalenderテーブルを使用しています）があります。私は必要なのは、特定のテーブルの最初の列にシリアル番号を持つことである、それはidまたはclass、 <style> table { counter-reset: Serial; } table { border-collaps

0熱

1答えて

スクロールテーブルで固定されたテーブルヘッド - 1ページに3つのテーブルがあります

他の多くの類似した質問がありますが、それらはすべて単一のテーブルに関係しています。私は3つの異なるテーブルを持つページを同じ見出しで、相対的なdiv内にあり、オーバーフローはスクロール可能です。各テーブルを2つのテーブルに分割しました.1つは見出し用、もう1つは動的コンテンツ用です。見出しテーブルをposition：fixedに設定します。 div内をスクロールするとうまくいきますが、次の表を

0熱

1答えて

。表のセル幅は100％になります。<a><img>は全角でクリックできます

ロゴを中央に水平に配置する必要がありましたので、ブートストラップから.tableと.table-cellを使用しました。問題は、画像が中央で完全に揃えられている間に、.table-cellは親の長さの100％になり、<a href>で折り返すと全幅がクリック可能になります。コード： <div class="header-content table"> <div class=" tabl

-3熱

1答えて

最初の行を水平にスクロールしないように修正する方法

最初の行がヘッダー行なので、横にスクロールしたくないテーブルを作成するのに問題があります。テーブルの幅が長すぎるので、divに入れてスクロール可能にすると、一度に15列しか表示されません。テーブル全体をスクロールすることはできますが、最初の行はヘッダー行であるためスクロールしたくありません。スクリーンショットを参照してください：セットポジション後表：スクロール後の絶対最初のTRため表ポジ

1熱

1答えて

CSSでテーブル行の高さを割り当て、すべての行を上から順に配置する方法はありますか？

.block { width: 445px; height: 544px; border-bottom: 1px solid rgba(24, 24, 28, 0.45); } .table { width: 100%; height: 100%; border-spacing: 3px;

0熱

1答えて

使用CSSはTdとの国境を超えるTrの境界底が表に

を左に取得する私は、テーブルに問題ました：http://jsfiddle.net/ex6ZR/252/ .tr td{ border-bottom: 2px solid black; } .td1{ border-right: 3px solid blue; } を私の目標は、（すべてのTRに沿って）下のボーダーを得ることですオーバーライ