# j-Columns

> Składniki są bardzo prostą alternatywą dla j-Layout i j-Layout2.Z tym składnikiem można ustawić kolumny o wysokości 100% według Twoich potrzeb.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pl
Content-SHA256: dcc3fa9d5fea9c49f3ad6487c52b310f981a2e95d2063dc6a6bac811a5f5d782
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Składnik `Columns` jest bardzo prostą alternatywą dla `j-Layout` i `j-Layout2`. z tym składnikiem można ustawić kolumny o wysokości 100% według Twoich potrzeb.


__Konfiguracja__:

- `parent {String}` może zawierać wybór `parent`, `window` lub jQuery dla metody `closest` (default: `window`)
- `margin {Number}` dodaje margines do `height` (default: `0`)
- `marginlg {Number}` dodaje margines do `height` dla wyświetlacza `LG` (default: `margin`)
- `marginmd {Number}` dodaje margines do `height` dla wyświetlacza `MD` (default: `margin`)
- `marginsm {Number}` dodaje margines do `height` dla wyświetlacza `SM` (default: `margin`)
- `marginxs {Number}` dodaje margines do `height` dla wyświetlacza `XS` (default: `margin`)
- `noborder {Boolean}` nie jest granicą (default: `false`)
- `fontsize {Boolean}` umożliwia wielkość czcionki w zależności od wielkości kolejek (default: `false`)

__Metody__:

- `SETTER('columns/refresh')` - ponownie pobiera wszystkie rozmiary `section`
- `SETTER('columns/add', size, html_node)` - dodaje nową kolumnę i wykonuje odświeżanie

__Dobrze wiedzieć__:

Każda kolumna musi być wciśnięta w `<section>`, spróbuj zrozumieć z przykładu.

__atrybuty__:

- `data-size` zawiera rozmiar sekcji `LG,MD,SM,XS` --> w pikselach lub procentach, przykład: `200,200,200,0` (`0` oznacza ukryte)
- Sekcja bez atrybutu `data-size` zostanie obliczona z wartości reszty

Użyj go z `<ui-component name="columns">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

```html example.html
<style>body { padding: 0; margin: 0; }</style>

<ui-component name="columns" config="parent:window" class="hidden invisible">
	<section data-size="200">Left panel</section>
	<section>Main</section>
	<section data-size="200">Right panel</section>
</ui-component>
```