# j-Columns

> Οι στήλες είναι μια πολύ απλή εναλλακτική λύση στο j-Layout και το j-Layout2.Με αυτό το στοιχείο μπορείτε να ρυθμίσετε τις στήρες με ύψος 100% σύμφωνα με τις ανάγκες σας.

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

Το συστατικό `Columns` είναι μια πολύ απλή εναλλακτική λύση στο `j-Layout` και το `j-Layout2`.Με αυτό το συστατικά μπορείτε να ρυθμίσετε στήλες με ύψος 100% ανάλογα με τις ανάγκες σας.


__ΕΠΙΤΡΟΦΗ__:

- Το `parent {String}` μπορεί να περιέχει τον επιλεκτή `parent`, `window` ή jQuery για τη μέθοδο `closest` (προεπιλογή: `window`)
- `margin {Number}` προσθέτει περιθώριο στο `height` (προεπιλεγμένο: `0`)
- Το `marginlg {Number}` προσθέτει το περιθώριο στο `height` για την οθόνη `LG` (προεπιλεγμένο: `margin`)
- Το `marginmd {Number}` προσθέτει το περιθώριο στο `height` για την οθόνη `MD` (προεπιλεγμένο: `margin`)
- Το `marginsm {Number}` προσθέτει το περιθώριο στο `height` για την οθόνη `SM` (προεπιλεγμένο: `margin`)
- Το `marginxs {Number}` προσθέτει το περιθώριο στο `height` για την οθόνη `XS` (προεπιλεγμένο: `margin`)
- `noborder {Boolean}` διακόπτει το όριο (προεπιλεγμένο: `false`)
- Το `fontsize {Boolean}` επιτρέπει το ποσοστό μεγέθους γραμματοσειράς ανάλογα με το μέγεθος των γραμμών (προεπιλεγμένο: `false`)

__Μέθοδοι__:

- `SETTER('columns/refresh')` - επαναφορτίζει όλα τα μεγέθη του `section`
- `SETTER('columns/add', size, html_node)` - προσθέτει μια νέα στήλη και εκτελεί αναζωογόνηση

__Καλό να ξέρεις__:

Κάθε στήλη πρέπει να είναι κρεμασμένη σε `<section>`, προσπαθήστε να καταλάβετε από το παράδειγμα.

__ΙΔΙΟΤΗΤΑ__:

- `data-size` περιέχει ένα μέγεθος του τμήματος `LG,MD,SM,XS` --> σε pixels ή ποσοστό, για παράδειγμα: `200,200,200,0` (`0` σημαίνει κρυμμένο)
- Το τμήμα χωρίς χαρακτηριστικό `data-size` θα υπολογιστεί από την υπόλοιπη αξία

Χρησιμοποιήστε το με `<ui-component name="columns">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>
```