ブートストラップテーブルが含まれているカードをオーバーフローさせるのはなぜですか?

Igor Mytyuk

実際、私はブートストラップカード内にテーブルを設定しようとしていますが、問題はテーブルの幅がそのカードから外れることであり、それを防ぎたいと思います。テーブルは、1番目と96tdの各trに対して作成されます。

ここに画像の説明を入力してください

テーブルの幅を100%に設定し、各tdを幅の1%に設定しようとしましたが、機能しませんでした

ここに画像の説明を入力してください

テーブルコードは次のとおりです。

 <div class="col-md-8">
                        <div class="card p-2">
                            <div class="card-body text-center" >
                                <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody>
                                          <asp:PlaceHolder ID="placeholder" runat="server"></asp:PlaceHolder>
                                    </tbody>
                                </table>
                                    </div>
                            </div>
                        </div>
                    </div>
イシャーウッド

問題は、Bootstrapが適用するパディングです。その結果、各セルの最小幅は24pxになります。

.table.no-cellpadding td
  padding: 0;
}

デモ

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ブートストラップカードに画像が含まれていないのはなぜですか?

分類Dev

ブートストラップ4-小さな画面でカードがオーバーフローする

分類Dev

各条件付きパスがカバーされているのに、イスタンブール/タップコードカバレッジがswitchステートメントをカバーされていないとして報告するのはなぜですか?

分類Dev

ピボットテーブルの値がオフセットされているのはなぜですか?

分類Dev

このテキストがオーバーフローするのはなぜですか?また、オーバーフローさせない方法は?

分類Dev

コードカバレッジレポートに、ライブラリがカバーされていないと表示されるのはなぜですか?

分類Dev

フロートされた要素が、その特定の要素をターゲットとするクラスを使用して、後で定義されたスタイルによってオーバーライドされないのはなぜですか?

分類Dev

元のブックのすべてのワークシートに動的な列がある静的テーブル!エラー:テーブルを別のテーブルとオーバーラップさせることはできません

分類Dev

SwiftUIのピッカーホイールの列、ドラッグしてスクロールする領域が画面上のピッカーコントロールからオフセットされているのはなぜですか?

分類Dev

SwiftUIのピッカーホイールの列、ドラッグしてスクロールする領域が画面上のピッカーコントロールからオフセットされているのはなぜですか?

分類Dev

含まれているテンプレートのJinjaブロックを拡張テンプレートからオーバーライドします

分類Dev

スレッドローカルマップにthreadlocalオブジェクトへの弱参照が含まれている場合、なぜガベージコレクションされないのですか?

分類Dev

「ハンドルバーエラー:オブジェクトのプロパティ 'bind-attr'が見つかりませんでした」というエラーが表示されるのはなぜですか

分類Dev

パブリックS3バケットにアップロードされているにもかかわらず、ストレージがローカルURLを返すのはなぜですか?

分類Dev

ブートストラップヘッダーが他のコンテンツをカバーしているのはなぜですか?

分類Dev

モジュールをインストールした後でも、「モジュールのロード可能なオブジェクトが見つかりません」というメッセージが表示されるのはなぜですか?

分類Dev

テーブルの変数にネストされたテーブルが含まれている場合、innerjoinが失敗するのはなぜですか

分類Dev

ファイルからのSVG要素を含むブートストラップポップオーバーが誤って配置されている

分類Dev

Visual Studio 2017でSQLテーブルを削除しようとすると、SSOXで「オブジェクト定義ウィンドウが開いているためにデータベースオブジェクトを削除できません」というメッセージが表示されるのはなぜですか。

分類Dev

すべてのif-elseブランチにreturnステートメントがあるのに、メソッドのif-else if-else(ループ内)で「returnステートメントがありません」と表示されるのはなぜですか?

分類Dev

コンストラクタープロパティがオーバーライドされていない場合、オブジェクトのコンストラクタープロパティがextend関数でFではなく親のコンストラクターを指すのはなぜですか

分類Dev

列挙型のプライベートフィールドが含まれているクラスに表示されるのはなぜですか?

分類Dev

「エラー:アクションはプレーンオブジェクトである必要があります。非同期アクションにはカスタムミドルウェアを使用してください。」というメッセージが表示されるのはなぜですか。エラー?

分類Dev

フロート要素がHTML構造でブロック要素の後に定義されている場合、それらがブロック要素とオーバーラップしないのはなぜですか?

分類Dev

ユーザーのグループがsudoersファイルに含まれていないのに、sudoとしてコマンドを実行するとパスワードプロンプトが表示されないのはなぜですか?

分類Dev

Canvasがブートストラップテーブルに表示されないのはなぜですか?

分類Dev

Linuxには、プロセスのページテーブルに、スタックで実行する命令を停止してオーバーフロー攻撃を停止するための特別なビットがありませんか?

分類Dev

ローカルホスト接続がファイアウォールによってブロックされているのはなぜですか?

分類Dev

折りたたまれたものがヘッダーをカバーしないのに、なぜ私の通常のナビゲーションバーはヘッダーをカバーするのですか?(ブートストラップ/フルページ)

Related 関連記事

  1. 1

    ブートストラップカードに画像が含まれていないのはなぜですか?

  2. 2

    ブートストラップ4-小さな画面でカードがオーバーフローする

  3. 3

    各条件付きパスがカバーされているのに、イスタンブール/タップコードカバレッジがswitchステートメントをカバーされていないとして報告するのはなぜですか?

  4. 4

    ピボットテーブルの値がオフセットされているのはなぜですか?

  5. 5

    このテキストがオーバーフローするのはなぜですか?また、オーバーフローさせない方法は?

  6. 6

    コードカバレッジレポートに、ライブラリがカバーされていないと表示されるのはなぜですか?

  7. 7

    フロートされた要素が、その特定の要素をターゲットとするクラスを使用して、後で定義されたスタイルによってオーバーライドされないのはなぜですか?

  8. 8

    元のブックのすべてのワークシートに動的な列がある静的テーブル!エラー:テーブルを別のテーブルとオーバーラップさせることはできません

  9. 9

    SwiftUIのピッカーホイールの列、ドラッグしてスクロールする領域が画面上のピッカーコントロールからオフセットされているのはなぜですか?

  10. 10

    SwiftUIのピッカーホイールの列、ドラッグしてスクロールする領域が画面上のピッカーコントロールからオフセットされているのはなぜですか?

  11. 11

    含まれているテンプレートのJinjaブロックを拡張テンプレートからオーバーライドします

  12. 12

    スレッドローカルマップにthreadlocalオブジェクトへの弱参照が含まれている場合、なぜガベージコレクションされないのですか?

  13. 13

    「ハンドルバーエラー:オブジェクトのプロパティ 'bind-attr'が見つかりませんでした」というエラーが表示されるのはなぜですか

  14. 14

    パブリックS3バケットにアップロードされているにもかかわらず、ストレージがローカルURLを返すのはなぜですか?

  15. 15

    ブートストラップヘッダーが他のコンテンツをカバーしているのはなぜですか?

  16. 16

    モジュールをインストールした後でも、「モジュールのロード可能なオブジェクトが見つかりません」というメッセージが表示されるのはなぜですか?

  17. 17

    テーブルの変数にネストされたテーブルが含まれている場合、innerjoinが失敗するのはなぜですか

  18. 18

    ファイルからのSVG要素を含むブートストラップポップオーバーが誤って配置されている

  19. 19

    Visual Studio 2017でSQLテーブルを削除しようとすると、SSOXで「オブジェクト定義ウィンドウが開いているためにデータベースオブジェクトを削除できません」というメッセージが表示されるのはなぜですか。

  20. 20

    すべてのif-elseブランチにreturnステートメントがあるのに、メソッドのif-else if-else(ループ内)で「returnステートメントがありません」と表示されるのはなぜですか?

  21. 21

    コンストラクタープロパティがオーバーライドされていない場合、オブジェクトのコンストラクタープロパティがextend関数でFではなく親のコンストラクターを指すのはなぜですか

  22. 22

    列挙型のプライベートフィールドが含まれているクラスに表示されるのはなぜですか?

  23. 23

    「エラー:アクションはプレーンオブジェクトである必要があります。非同期アクションにはカスタムミドルウェアを使用してください。」というメッセージが表示されるのはなぜですか。エラー?

  24. 24

    フロート要素がHTML構造でブロック要素の後に定義されている場合、それらがブロック要素とオーバーラップしないのはなぜですか?

  25. 25

    ユーザーのグループがsudoersファイルに含まれていないのに、sudoとしてコマンドを実行するとパスワードプロンプトが表示されないのはなぜですか?

  26. 26

    Canvasがブートストラップテーブルに表示されないのはなぜですか?

  27. 27

    Linuxには、プロセスのページテーブルに、スタックで実行する命令を停止してオーバーフロー攻撃を停止するための特別なビットがありませんか?

  28. 28

    ローカルホスト接続がファイアウォールによってブロックされているのはなぜですか?

  29. 29

    折りたたまれたものがヘッダーをカバーしないのに、なぜ私の通常のナビゲーションバーはヘッダーをカバーするのですか?(ブートストラップ/フルページ)

ホットタグ

アーカイブ