question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Provide Table.Cell

See original GitHub issue

Replace original plain object.

const columns = [{
  title: "xxx",
  className: "classNameOfColumn",
  render: () => <Table.Cell className="" onClick={} rowSpan={}>xxx</Table.Cell>,
}]

@yesmeck what do you think?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
yesmeckcommented, May 27, 2017

现在感觉 Reactabular 这种能自定义 component 的方式灵活性更好 https://reactabular.js.org/#/table/overriding-default-elements

0reactions
yesmeckcommented, May 24, 2017

One problem if we provide Table.Cell, consider following situation:

const columns = [{
  title: 'Name',
  dataIndex: 'name',
  key: 'name',
  render: () => <Table.Cell className="foo">xxx</Table.Cell>,
}];

const data = [{
  key: 1,
  name: 'a',
  children: [{
    key: 11,
    name: 'aa',
  }],
}];

<Table
  columns={columns}
  data={data}
/>

If use Table.Cell in the first column, we can not insert the expand icon the first column any more.

Read more comments on GitHub >

github_iconTop Results From Across the Web

<table>: The Table element - HTML - MDN Web Docs - Mozilla
The HTML element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells ......
Read more >
Configuring the cells for your table - Apple Developer
Cells provide the visual representation of your table's rows. For most tables, you provide only one or two different types of cells. Design...
Read more >
Tables in HTML documents
The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into...
Read more >
HTML Table Padding & Spacing - W3Schools
Cell padding is the space between the cell edges and the cell content. By default the padding is set to 0. To add...
Read more >
Using CSS "display: table-cell" for columns - Senktec
.container { display: table; } .column { display: table-cell; }. to give us a grid layout (I'm also adding a border to make...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found