2011.2.13 8:53 by e3

SoftimageToolBoxのテーブル組みに向けて構想を練ります。
今回は、こんな感じになるように組み立てようと思っています。
 

■jQuery + csv2table での初期状態

これが、何もしていない、初期の状態。
「▼」は、ソート(並び替え)機能です。

A▼ B▼ C▼ D▼
A1 B1 C1 D1
A2 B2 C2 D2


<HTML>

<table>
<tr><th>A</td><td>B</td><td>C</td><td>D</th></tr>
<tr><td>A1</td><td>B1</td><td>C1</td><td>D1</td></tr>
<tr><td>A2</td><td>B2</td><td>C2</td><td>D2</td></tr>
</table>

 

■完成イメージ

2、3列目が結合して、
2列目が<dt></dt>、3列目が<dd></dd>にしたいのです。

A B▼ (C) D
A1 ・B1
   ・C1
D1
A2 ・B1
   ・C1
D2


<HTML>

<table>
<tr><th>A</td><td>B</td><td>C</td><td>D</th></tr>
<tr><td>A1</td><td> <dt>B1</dt> <dd>C1</dd> </td><td>D1</td></tr>
<tr><td>A2</td><td> <dt>B2</dt> <dd>C2</dd> </td><td>D2</td></tr>
</table


まだまだ、実際にできるかどうかの見当もついてないのですが、
jQueryやJavaScriptに詳しい方いらっしゃいましたら、
是非是非、アドバイスをおねがいできたらと思いますー。

+ 1クリックで応援してください +
にほんブログ村 Webデザイン
[ click ]