テーブルのデータ構造の設計

Question

Reactで動的テーブルを保持するデータ構造を作成しようとしています。現在、私は

[ 
    {item00: "data 0", item01: "data 1", item02: "data 2"}, 
    {item10: "data 3", item11: "data 4", item12: "data 5"}, 
    {item20: "data 6", item21: "data 7", item22: "data 8"} 
] 

としての私のデータを保持し、新しい行が

{item30: "data 9", item31: "data 10", item32: "data 11"} 

を追加し、新しい列が最後にitem03、item13、item23とitem33を挿入意味するであろう追加を意味します追加しています各行の

私の質問には、使用できるデータ構造がありますか？新しい列を簡単に挿入できるようなものを考え出すのに問題があります。

また、私は追加/削除する列のカウンタをどのように保持しますか？私はそれを行うための具体的な方法があると確信しているが、私は

Answer 1

あなたはこのことを考慮することができ、

は行としてArray内の各要素を作成します。..トラブル適切な検索語を考え出すを抱えています。

例：

[{}, {}, {}, {}] //each {} is a row 

列としてObject内の各要素を作成し、

例：

[ 
    {name: "xyz", age: "21", location: "india"}, //this will be a row 
    //name, age, location will be columns 
] 

新しい行は、同じ又は追加の列とArray内部に付加することができます。

例：

オリジナルデータ

するvar T = [ {名： "XYZ"、年齢 "21"、位置 "インド"}、 ]

新しいデータの追加

t.push({name: 'abc', age: '44', location: 'india', phone: 56654345}) 

レンダリング表は次のようになります

Name  Age  Location Phone 
-------------------------------------- 
xyz | 21 | india | 
abc | 44 | india | 56654345 

希望すると便利です。