動的データグリッド

StackOverflow https://stackoverflow.com/questions/807571

  •  03-07-2019
  •  | 
  •  

質問

私のプロジェクトは、HTMLデータグリッドを再設計して、 SQLクエリはXMLとXSLをHTMLテーブルに生成しました。

テーブルのコンテンツは、SQLが XMLデータは、実行時にアプリケーションによって生成されます。

CSSの世界のテーブルに対する嫌悪感を与えてください。 HTMLがどのように見えるべきか、またどのようなものかについてのより良い提案 リソースは、ドメインの動的な性質に対処するのに役立つ場合があります。

役に立ちましたか？

解決

ほとんどのWeb開発者が持っている嫌悪感は、テーブル自体ではなく、その誤用です。多くの場合、Webページ上のコンテンツ/要素の配置にテーブルを利用します。しかし、表形式のデータを表示するためにテーブルを使用することに何か問題があると言う人はいません。それがHTMLテーブルの目的です。

したがって、答えはDBからのデータがどのように構造化されているかによって異なります。

。

次のようなテーブルを使用します：

注文：

--------------------------------------------------------
| Order ID  | Product Name  |  Order Date |  Ordered By |
--------------------------------------------------------
| 1         | blah blah     |  1/1/2009   |  Jane Doe   |
| 2         | blah blah     |  1/1/2009   |  Jane Doe   |
| 3         | blah blah     |  1/1/2009   |  Jane Doe   |

。

次のような目的でテーブルを使用しないでください：

"Hello, Jane Doe.  

Your order (#2), which was received on 1/1/2009, is being processed.  Sorry for the delay.

                                                    - Your friends at ABC Store"

他のヒント

fallen888の答えに基づいて、HTMLでデータを構造化するためにテーブルで本当に多くのことができます。お勧めできるいくつかの良い点は次のとおりです。

  • <thead>、<tbody>、および<th>要素を使用します。 <！> quot; bold <！> quot;の行を作成しないでください。 <td> s。
  • <caption>要素を使用します。
  • scope属性を使用して、ヘッダーを行または列に関連付けます。

Veerleのブログには、このテーマに関する2つの優れたチュートリアルがあります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top