react-object-table-viewer 1.0.7

How to use

https://github.com/jinkwon/react-object-table-viewer

Example

Properties


export interface PropTypes {
  data?: Record<string, unknown>;
  style?: CSSProperties;
  keyStyle?: CSSProperties;
  valueStyle?: CSSProperties;
  className?: string;
  layout?: TableViewerLayoutType;
}

<ReactObjectTableViewer
  layout={'vertical'}
  style={{
    border: '1px solid #ccc'
  }}
  keyStyle={{
    color: '#ff0000'
  }}
  valueStyle={{
    color: '#00ff00'
  }}
  data={data}
/>

Horizontal

helloabcusersdataArraydata
world123
012
JohnJeffSam
012
userName
John
userName
Jeff
userName
Sam
b
cde
34
012345
1a2b3c

Vertical

helloworld
abc123
users
0John
1Jeff
2Sam
dataArray
0
userNameJohn
1
userNameJeff
2
userNameSam
data
b
c3
d4
e
01
1a
22
3b
43
5c