問題タブ [column-width]

CSSでhtmlデータテーブルをレイアウトする必要があります。

表の実際の内容は異なる場合がありますが、常に 1 つのメイン列と 2 つ以上の他の列があります。メイン列の幅をその内容に関係なくできるだけ大きくし、他の列の幅をできるだけ小さくしたいと思います。内容が変更される可能性があるため、列の正確な幅を指定することはできません。

シンプルな意味的に有効なhtmlテーブルとcssのみを使用してこれを行うにはどうすればよいですか?

例えば：

WPF の View-Model-ViewModel パターンの下で、グリッド コントロールのさまざまな定義の Heights と Widths をデータバインドしようとしているので、GridSplitter を使用した後にユーザーが設定した値を保存できます。ただし、通常のパターンは、これらの特定のプロパティでは機能しないようです。

注：これは、Googleが失敗したため、私が投稿している参照の質問として投稿しています。これは自分で解決する必要がありました. 従うべき私自身の答え。

column 属性を使用して ASP.NET テキスト ボックス コントロールの幅を決定したときの 1 つの列の正確なピクセル サイズは?

Excelの場合と同じ方法を使用して、ユーザーがHTMLテーブルの列のサイズを変更できるようにします。列とサイズの間のスペースをドラッグします。

私は昨年これについていくつかの調査を行い、いくつかのハックとクラッジを見つけました。ほとんどがかなり悪かったし、本当に良いものは何も見つかりませんでした。さて、この機能を実装する必要があるようで、正しく実行したいので、これを再開する前に、他の誰かがこれを実行したかどうか、そしてどのように実行したかを尋ねると思いました。

これが実装されたFogBugzデモビデオを見たことがあると思います。だから私はそれがうまくできることを知っています。

ところで-私のクライアントは将来このアプリを販売する可能性があるので、私はオープンソースフレームワークを使用したくないです。

テーブルの列幅を設定しようとしていますが、これは、子要素が視覚的に切り捨てられるポイントに到達するまで正常に機能します...その後、サイズが小さくなりません。(「視覚的に切り詰められた」-収まらないものは次の列の後ろに隠されているように見えます)

私の問題を示すサンプルコードを次に示します。

など、さまざまな方法で幅を設定しようとしました

と

と

と

と

と

と

と

おそらくDIVを使用できると思いますが、バインドされたコントロールからテーブルが生成されているため、使用したくないので、asp.netコントロールを書き直したくありません。

そうは言っても、最後の溝の努力として、少なくとも 'td1's の各コンテンツを DIV でラップすることができ、オーバーフローが処理を行うことができると考えましたが、

と

うまくいきませんでした。

内容を視覚的に切り詰めるために幅を設定する方法を知っている人はいますか?

ところで、私のターゲット ブラウザは IE7 です。これは内部アプリであるため、他のブラウザーは現在重要ではありません。

これの好ましい方法は何ですか(私が信じているヘッダーとコンテンツの幅に基づいています)?

MS Accessには、まずまずのテキストファイルインポートウィザードがあります。（[ファイル]->[外部データの取得]->[インポート]）残念ながら、テキスト列（フィールド）は、入力ファイルにある実際のデータに関係なく、常に255文字のサイズでインポートされます。

SELECT Max(Len(_column_)) FROM _data_大量の" "クエリを手動で実行せずに、これらの255文字のテキスト列を適切なサイズに縮小するにはどうすればよいですか。

私はすでに解決策を持っています、そして私はそれを以下に投稿します。

ASP.NET GridView には、データベースから文字列を出力するフィールドがあります。このデータの範囲は 10 ～ 100 文字です。通常よりも長い場合、フィールドはデータをワードラップし、行が他の行よりも多くの垂直方向のスペースを占めるようにします。行に収まらないデータを切り捨て、その横に「...」を付けて、さらにあることを示したいと思います。サイズを変更できるようにする必要はありません。高さの異なる行が必要ないだけです。SEO の目的で、これがクライアント側で動的に実行できることを願っています。

こちらのActiveWIdgets Gridを参照して、会社名が収まらないようにサイズを変更してください。コンテンツをラップしていないことに気付くでしょうが、代わりに、私がやりたいことを正確に実行します。

この手法を ASP.NET GridView に適用するにはどうすればよいですか? Javascriptが関係していると思います。もしそうなら、私はjQuery のようなライブラリを使用したくないでしょう (理由は聞かないでください -- このプロジェクトに外部依存関係を使用することは許可されていません)。

JavaScript に問題があります。
TabList に格納されているテーブル セルのリストがあります。
最大幅を見つけて、この幅をすべてに設定したい。
サンプルコードはこちらですが、幅の設定がうまくいきません。

私は自分の試みにコメントしました..
助けはありますか？
これ は私にとってはうまくいきませんでした..

更新:
className をチェックしていたので、TabList はセルのリストであると確信しています。
最後のセルでテーブルの残りの幅を埋めたいので、TabList.length-1 までループしています。

これが存在しないか、遅れているために正しく考えていない/検索していない...

特定の列に存在すると予想される (またはわかっている) 最大の文字列のプロトタイプ値に基づいて、Swing で JTable の列幅を設定したいと考えています。コンパイル時にフォントが必ずしもわからないため、ピクセル数はわかりません。

列幅の目的でプロトタイプ値を設定する方法はありますか? 行の高さの目的のための方法はありますか? もしそうなら、どのように？