search

Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.12k stars 4.94k forks source link

[Table] - Unable to customize css to design scrollable table #6781

Open guruprasadpatil opened 5 years ago

guruprasadpatil commented 5 years ago

Steps to Reproduce

  1. Create table in html
  2. Create css class for vertical or horizontal scrolling in table
  3. Use class in Semantic Table

Expected The Table should be scrollable vertically or horizontally. There should be an example of scrollable table i.e. Vertical scrolling, Horizontal scrolling examples

Result No any changes gets reflected in table of custom css & if checked with developer tool, table design breaks.

lubber-de commented 5 years ago

Here is something i prepared for a possible upcoming PR in Fomantic-UI scrolling content table It's not perfect yet, but maybe it helps you for now: https://jsfiddle.net/49xgjau8/1/

Change the height in the CSS Part for .mytable > tbody to whatever you wish

image

lubber-de commented 3 years ago

The community fork Fomantic-UI now prepared a scrolling table variant for upcoming 2.9.0 by https://github.com/fomantic/Fomantic-UI/pull/2134

lubber-de commented 3 years ago

The community fork Fomantic-UI now also prepared a stuck table variant which provides horizontal scrolling with stuck left/right columns as well as stuck thead/tfoot for upcoming 2.9.0 by https://github.com/fomantic/Fomantic-UI/pull/2148