表數據結構設計

我想創建一個數據結構來保存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每行。

我的問題是，有沒有更好的數據結構，我可以使用？提出一些可以使插入新列容易的事情，我遇到了麻煩。

此外，我將如何保持我添加/刪除列的計數器？我敢肯定有這樣做的具體方式，但我有想出合適的搜索字詞的麻煩..

來源

2016-11-26 adinutzyc21

你能告訴我們更多關於你想實現的更大目標嗎？這感覺就像一個XY問題，但很難說。你使用Flux還是Redux？ – jmargolisvt

我只是想能夠動態增加包含數據的表的大小。我的數據實際上是一個表，其中行代表選項和代表標準的列。我將立即顯示包含任何數據的表格，並允許用戶按添加列/添加行按鈕。我是這個網絡應用程序的超級新手，我不確定我是否在使用？我在Meteor之上使用React。 – adinutzyc21

你可以考慮這個，

充分利用Array內的每個元素爲行。

實施例：

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

充分利用Object作爲列內的每個元素，

實施例：

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

新行可以在Array內部被附加以相同的或附加列。

實施例：

原始數據

變種T = [ {名稱：「XYZ」，年齡：「21」，位置：「印度」}， ]

添加新數據

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

渲染表將

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

希望這會有所幫助！

來源

2016-11-26 07:29:40

謝謝，那就是我正在做的。我想這是最有意義的，沒有更好的方法來做到這一點.. – adinutzyc21

表數據結構設計

回答

相關問題