表数据结构设计

我想创建一个数据结构来保存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

表数据结构设计

回答

相关问题