Reagieren Sie auf feste Tabellenkopfposition und automatische Bildlaufleiste

Blog

Reagieren Sie auf feste Tabellenkopfposition und automatische Bildlaufleiste

Reagieren-Tabellen-Scrollbar

Reagieren Sie auf feste Tabellenkopfposition und automatische Bildlaufleiste.



netflix com aktivieren samsung blu ray

Demo

Einstieg



  • Installieren Sie die Paketabhängigkeit:

    $ npm install --save react-table-scrollbar
  • Importieren Sie die |_+_| -Komponente und verwenden Sie sie, um Ihre Tabelle einzuschließen:



    TableScrollbar

Größe der Tabelle

  • Sie können die Tabellenhöhe als Anzahl von Textzeilen angeben:

    import TableScrollbar from 'react-table-scrollbar'; ... <TableScrollbar> <table> ... </table> </TableScrollbar>
  • … Oder indem Sie eine Höhenstütze in einer beliebigen gültigen CSS-Einheit übergeben:

    <TableScrollbar rows={5}> <table> ... </table> </TableScrollbar>
  • Standardmäßig füllt die Tabelle die Höhe des Containers aus

    <TableScrollbar height='200px'> <table> ... </table> </TableScrollbar>

Beitragen

So senden Sie Issues und Pull-Requests: https://github.com/oelshocht/react-table-scrollbar.git

Download-Details:

Autor: ölhocht

Quellcode: https://github.com/oelshocht/react-table-scrollbar

wo kann man leinenmünze kaufen

#reactjs #reagieren #javascript