Flexible plugin for easy and fast columnize lists
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
jquery.splitter.js

README.md

jQuery Splitter

Flexible plugin for easy and fast columnize lists.

Demo

Installation

HTML:

<ul class="example">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>...</li>
	<li>Item N</li>
</ul>

<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.splitter.js"></script>

JavaScript:

$('.example').splitter({
	columns: 5,
	direction: 'horizontal'
});

Options

  • columns — number of columns (default: 2)
  • direction — direction of splitting: 'vertical' or 'horizontal' (default: 'vertical')
  • itemsSelector — selector to find list items (default: 'li')
  • containerTag — tag of columns wrapper (default: 'div')
  • containerClass — class of columns wrapper (default: 'list-container')
  • columnTag — tag of columns (default: 'ul')
  • columnClass — class of columns (default: 'list-column')
  • columnFirstClass — class of first column (default: 'list-column_first')
  • columnLastClass — class of last column (default: 'list-column_last')
  • columnAllowEmpty — allow empty columns (default: false)