問題タブ [tablelayout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
976 参照

html - ネストされた表の間に水平方向のスペースを入れる必要があります

すべてのパディング、マージン、ボーダー間隔などを 0 に設定したと思いますが、別のテーブル内にネストされたテーブルがあり、非常に小さな (しかし目に見える) 水平方向のスペースがあります。

ネストされたテーブルの背景色が青で、一番上のテーブルの背景色が白で、テーブルの左右に白い線が見えるので、これを知っています。

これを回避する方法はありますか?

0 投票する
2 に答える
580 参照

css - cssを使用して、テーブルのようなdivのみで作成されたxhtmlマークアップのスタイルを設定する方法

このhttp://jsbin.com/ivesoのソースコードを参照してください。xhtmlコードでは何も変更できません。

そして、私はこのように正確なクロスブラウザ出力が必要です。 代替テキストhttp://easycaptures.com/fs/uploaded/445/5025516010.jpg

より少ないコストで同じ外観を与え、CSSを最適化する方法

これはCSSです

編集:

自分に役立つリンクを見つけました

  1. http://snook.ca/archives/html_and_css/getting_your_di

  2. http://www.dev-archive.net/articles/table-in-css.html

0 投票する
2 に答える
829 参照

css - グローバルCSS継承をキャンセルします

グローバルリセットルールがあります:

また、事前定義されたセルパディング値を持つテーブルがたくさんあります。ただし、グローバルリセットルールはすべてのセルパディング値を強制終了します。テーブルごとに特定のcssルールを作成せずに、セルパディングを元に戻すための最良の方法は何でしょうか。(テーブルはたくさんあります。)

編集:明確にするために、私がpadding:0px;ルールを取り除いた場合、すべてのテーブルは完璧に見えます。しかし、私はまだ他のもののためにグローバルリセットが必要です。

0 投票する
8 に答える
4252 参照

javascript - HTMLを生成する必要があるのはJavaScriptとphpのどちらですか?

簡単な質問、いくつかの推奨事項を探しています。データベースからデータを要求し、テーブルでユーザーに表示するサイトがあります。私はjQuery(AJAX)、php、およびMySQLを使用しています。

データを表示するテーブルのHTMLを生成するのに最適な場所はどこですか:phpがそれを生成してサーバーからすべて(HTML +データ)を送り返すか、phpがデータとjQueryを送り返すかコードはテーブルを作成し、データを挿入しますか?

これはイントラネット上で実行されていますが、私はそれでも最も高速なアプローチを好みます。

アップデート:

他の人に役立つかもしれない場合に備えて、このトピックに少し追加情報を追加したいと思います。私はここに提示された分離のアイデアに完全に同意し、それを私の設計アプローチとして採用しました。PHPを使用して必要なデータを取得してJSONに整理し、jQueryを使用してHTMLを生成し、返された情報を表示しました。この場合、jQueryを使用してスプレッドシートスタイルのテーブルフォームを作成し、PHPから返された値を持つ「セル」にデータを入力していました。行と列がいくつかあるので、問題なく動作しましたが、16 x 16のテーブルで、jQueryを使用して入力要素を動的に作成しています...

この時点で、私は再びIE6である醜い幽霊に出くわしました。

IE6は今でも私が働いている承認済みのブラウザーなので、アプリはその上で機能する必要があります。FirefoxとOperaでデザインをテストすると、インターフェイスの読み込みが速く、使用するのが楽しいです。IE6で同じコードを実行すると、インターフェイスの生成に非常に時間がかかります。アプリが応答していないと思って、ユーザーがもう一度クリックし始めるのに十分な時間。新しいブラウザーではコードが正常に実行されるため、これはIE6にあるJavaScriptエンジンにしかチョークできません。そのため、インターフェイスの一部を再設計して、PHPが少なくとも内部テーブルフォーム要素を生成し、データを入力して、それをクライアントに送り返すようにしました。それは私が望んでいた素晴らしい分離を壊しますが、IE6のクライアント側で物事をスピードアップする他の方法は見当たりません。

とにかく、他の人がここでの結果に興味があるかもしれないと思っただけで、私のような他の初心者にとって、ブラウザのサポート要件がデザインの選択にどの程度影響するかを考えてみてください。

0 投票する
2 に答える
231 参照

html - HTMLテーブルの配置(微妙)

http://www.qxl.dk/で作業していますが、問題が発生しています。左端の列と中央の列の間隔を中央と右端の列の間隔と比較すると、少なくとも10ピクセル異なることがわかります。

間隔は、左側の側溝として幅10ピクセルのTD、右側の側溝として幅9ピクセルのTDを使用したテーブルレイアウトを使用して行われました。しかし、ご覧のとおり、正しく機能していません。私はどこかで漂遊パディングまたはマージン句を探していましたが、それを見つけられませんでした。

すべてのアイデアは大歓迎です!

(ああ、そして私はレイアウトのためにサイトがテーブルを使用していることについて痛々しいほど申し訳ありません-私の選択ではありません)

(更新、2011年2月:この質問は、アクティブではなくなったデザインの特定のバグに関するものです。質問をオンラインに保つことは、せいぜい誤解を招くため、削除のフラグが立てられています)

0 投票する
3 に答える
18312 参照

android - ランドスケープモードで親を埋めるためにAndroid TableLayoutを取得するにはどうすればよいですか?

アプリケーションで TableLayout を使用しています。これには、それぞれ 4 つの ImageView を含む 4 つの TableRows が含まれます。私が望む動作は、最短の寸法に合わせてレイアウトをスケーリングすることです。

ポートレートモードでは問題なく動作しますが、ランドスケープモードでは惨めに失敗します.

ドキュメントによると、これは TableRow の layout_height が常に WRAP_CONTENT に設定されているためです。個々のビューのサイズを設定できますが、ビューの layout_height を FILL_PARENT に設定すると、TableLayout はまったくレンダリングされません。

欠けている単純なものがあるように感じます。TableRows を使用して TableLayout を取得し、横向きモードで高さに合わせてスケーリングする方法はありますか?

XML レイアウト:

ジャワ:

0 投票する
2 に答える
5110 参照

android - TableLayout 使用時の行内のアイテムの配置

テーブル (TableLayout) の各行にアイテムを並べる方法を見つけようとしています - 理想的には、各セルの中心を水平に並べたいと思います。ドキュメントは、TableLayout で何ができるかについてあまり明確ではありません。各セルには異なるビュー ウィジェットがあるため、表形式のレイアウトがうまく機能すると思いましたが、それらはすべて異なるサイズであり、各セル内でデフォルトで左上に配置されます。

それらを並べることができない場合は、別のレイアウト マネージャーを使用する必要があります。

0 投票する
3 に答える
9283 参照

android - AndroidTableRowRelativeLayoutの問題

私は以下を持っています

私は動的にテーブルにデータを入力しますが、相対的なレイアウトが銀色であるため、テーブル行の約3/4にしか広がりません。水平方向のLinearLayoutを配置すると完全に広がりますが、垂直方向に変更すると同じ問題が発生します。次のようなものが必要なため、テーブル行に相対レイアウトが必要です。


の詳細MoreDetail。

テーブルの行にまたがる相対レイアウトを取得するためのアイデアはありますか?

0 投票する
4 に答える
3885 参照

android - android:テーブルレイアウトの作成を支援

レイアウトチュートリアルを理解するのに苦労しています。列を別の行に揃えることができません。たとえば、android:padding="3dip"で3dipはどういう意味ですか。ドキュメントには、「使用可能な単位は、px(ピクセル)、dp(密度に依存しないピクセル)、sp(優先フォントサイズに基づいてスケーリングされたピクセル)、インチ(インチ)、mm(ミリメートル)」と記載されています。

具体的には、上と下の2行、中央がリストのレイアウトを作成したいと思います。そして、一番下の行を一番下に貼り付けたいです。例えば、


title1 | タイトル2| タイトル3|

リスト1

リスト2

下1| 下2|

私の現在のxmlは非常に醜いように見えます(ミドルリストなし)

0 投票する
1 に答える
307 参照

html - IEの異なるバージョン間のセル間隔の違い

テーブルで0pxに設定されたcellspacing属性を使用しない限り、互換モードに応じてIE8でのレンダリングがわずかに異なることに気づきました。オンに設定すると、テーブルのセル間隔が大きく表示されます。これはcellspacingを0に設定することで軽減できますが、cssで実行したいので、cellspacingとまったく同じ動作を引き起こすものが見つかりません...