# j-Columns

> Az összetevő oszlopok nagyon egyszerű alternatíva a j-Layout és a j-Layout2. Ezzel az összetevõvel 100% -os magasságú oszlopokat állíthat be az Ön igényeinek megfelelően.

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

A `Columns` komponens nagyon egyszerű alternatíva a `j-Layout` és a `j-Layout2`. Ezzel a komponensrel 100% -os magasságú oszlopokat állíthat be az Ön igényeinek megfelelően.


__konfiguráció__:

- `parent {String}` Tartalmazhat `parent`, `window` vagy jQuery kiválasztó a `closest` Az alapértelmezett módszer (default `window`)
- `margin {Number}` hozzáadása margin a `height` (default: `0`)
- `marginlg {Number}` hozzáadja a `height` marginát a `LG` kijelzőhez (előzetes: `margin`)
- `marginmd {Number}` hozzáadja a `height` marginát a `MD` kijelzőhez (előzetes: `margin`)
- `marginsm {Number}` hozzáadja a `height` marginát a `SM` kijelzőhez (előzetes: `margin`)
- `marginxs {Number}` hozzáadja a `height` marginát a `XS` kijelzőhez (előzetes: `margin`)
- `noborder {Boolean}` meghibásodott határ (default: `false`)
- `fontsize {Boolean}` lehetővé teszi a betűtípusok százalékos méretét a sorok méretének megfelelően (előzetes: `false`)

__módszerek__:

- `SETTER('columns/refresh')` - újratöltődik az összes `section` és a méreteket
- `SETTER('columns/add', size, html_node)` - új oszlopot ad hozzá és frissít

__Jó tudni__:

Minden oszlopnak `<section>`-ben kell lennie, próbálja meg a példából megérteni.

__Attribútumok__:

- `data-size` tartalmaz egy rész méretét `LG,MD,SM,XS` --> pixelekben vagy százalékban, például: `200,200,200,0` (`0` azt jelenti, hogy rejtett)
- A `data-size`-es tulajdonság nélküli szakasz a maradék értékből számít

Használja a `<ui-component name="columns">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```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>
```