7

テーブル モードで Google チャートを使用しています。テーブルでは、コンテンツ (テキスト) が境界線から少し離れている必要があります。私はcssでそれをやろうとしていますが、パディング、マージン、および-leftを使用したそれらのバリアントはこれまでのところ機能しません。tableCell プロパティ (Google チャートのテーブルの cssClassNames プロパティの一部) にリンクされている css が機能しているため、境界線と背景を設定できます。しかし、パディングやマージンなどを設定しようとしても何も変わりません。では、表の境界線とコンテンツの間に距離を作成するにはどうすればよいでしょうか?

これは私が使用している Google チャート テーブルです: https://developers.google.com/chart/interactive/docs/gallery/table

4

3 に答える 3

1

私は同じ問題に出くわしましたが、簡単な答えを見つけることができませんでした (きれいな答えも見つかりませんでした)。

これを修正 (ハッキング?) するために使用した解決策は、API で使用されるものよりも CSS クラスをより具体的にすることです。

前：

.my-row-class td {
    padding: 15px;
}

後

.my-row-class td, .google-visualization-table-table .my-row-class td {
    padding: 15px;
}

明示的に使用するセレクターは.google-visualization-table-table、Google が API で使用するセレクターよりも具体的であるため、最後に適用され、Google が API でハードコーディングしたものをオーバーライドします。

于 2016-02-03T10:58:59.833 に答える
0

使用している CSS についてもう少し詳しく説明すると、この質問に答えるのに役立ちます。そうは言っても、これは CSS セレクターの特異性に関連していると確信しています。

たとえば、 の既存の CSS ルールがカスケードされるtd { padding-left: 16px; }ため、 を使用しても機能しない可能性があります。body.docs table th, body.docs table td { padding: 6px 10px; }

ただし、次のようなものが機能する場合があります。

html body.docs table th,
html body.docs table td 
{
    padding-left: 16px;
}

CSS の詳細については、このリンクを参照してください。また、テーブルが、それを含むページで CSS を宣言している iframe 内にないことを確認してください。この問題を調査していたとき、私はこれに噛まれました (単純に、そもそもそこにあることに気づかなかったからです)。

于 2013-07-05T12:27:12.373 に答える