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.

Need Column Width as % (percentage) . Currently limited to pixel

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior

Column width can be defined in pixels, but not %age

Expected behavior Allow possibility to define column width in terms of %age. Could be any of the following:

  1. Add another input param [ColumnWidthPercent]=“50” translating to 50%
  2. Change datatype of ColumnWidth to string

Reproduction of the problem N/A

What is the motivation / use case for changing the behavior? We want to develop some views where we want to control column width by percentage. Flex mode is good, but we want finer control over %age of column width.

Please tell us about your environment: Generic, applies to all

  • Table version: 0.8.x Latest

  • Angular version: 2.0.x 4.4.4

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

  • Language: [all | TypeScript X.X | ES6/7 | ES5] all

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:42
  • Comments:12

github_iconTop GitHub Comments

8reactions
ermarkarcommented, Jul 10, 2019

There are so many bugs with ngx-datatable. Its better to create own table component.

1reaction
christhomascommented, Dec 24, 2020

Does the developer of this component realise that responsive design has been a thing for more than ten years now? And we are having to use pixels to specify widths? Wtf…

Read more comments on GitHub >

github_iconTop Results From Across the Web

column-width - CSS: Cascading Style Sheets - MDN Web Docs
The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit ......
Read more >
HTML table with a percentage width, and a pixel limit
Is it possible to set a width of a table as the percentage of the page, but with a pixel width limit? For...
Read more >
DataTable Width & Column Width - Dash Plotly
These widths can be specified as percentages or fixed pixels. By default, the column width is the maximum of the percentage given and...
Read more >
TableRecords widget - how to change widths of columns
Check the table width property. If you have for example the value set to 100% and the columns set with a specific width...
Read more >
Column Sizing - JavaScript Data Grid
Download v28 of the best JavaScript Data Grid in the world now. ... Assuming the grid is 1,200 pixels wide and the Columns...
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