Jump To:

  1. Variables
    1. $config
  2. Mixins
    1. set()
    2. styles()
  3. Functions
    1. get()

Table-scroller

Simple wrapper for tables to make them overflow-x, not to be confused with sticky table plugin, this is for simple html tables

  • Note in situations where you can't use a wrapper you can sometimes get by with display block / max-content hack

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "margin" : (1em, 0),
  // "example":            "background",
);
File Information
  • File: _table-scroller.scss
  • Group: table-scroller
  • Type: variable
  • Lines (comments): 14-16
  • Lines (code): 18-21

Map Properties

Name Type Default Description
margin List Number (1em, 0)

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _table-scroller.scss
  • Group: table-scroller
  • Type: mixin
  • Lines (comments): 23-26
  • Lines (code): 28-30

Examples

@include ulu.component-table-scroller-set(( "property" : value ));

Parameters

Name Type Description
$changes Map Map of changes

Require

styles()

Mixin

Prints component styles

File Information
  • File: _table-scroller.scss
  • Group: table-scroller
  • Type: mixin
  • Lines (comments): 41-44
  • Lines (code): 46-63

Demo

View

Examples

@include ulu.component-table-scroller-styles();

Require

Functions

get()

Function

Get a config option

File Information
  • File: _table-scroller.scss
  • Group: table-scroller
  • Type: function
  • Lines (comments): 32-35
  • Lines (code): 37-39

Examples

@include ulu.component-table-scroller-get("property");

Parameters

Name Type Description
$name Map Name of property

Require