УрФУ

TCell 🔗

Отдельная ячейка внутри таблицы (Table )

Пример использования:

ID
Name
E-Mail
IP
1
John
john@gmail.com
192.168.0.1
22
John
john@gmail.com
192.168.0.1


Исходный код для примера выше: 

<Table columns={ 4 }>
    <TRow underline={ false }>
        <TCell head={ true }>ID</TCell>
        <TCell head={ true }>Name</TCell>
        <TCell head={ true }>E-Mail</TCell>
        <TCell head={ true }>IP</TCell>
    </TRow>
    <TRow>
        <TCell>1</TCell>
        <TCell>John</TCell>
        <TCell>john@gmail.com</TCell>
        <TCell>192.168.0.1</TCell>
    </TRow>
    <TRow>
        <TCell>22</TCell>
        <TCell>John</TCell>
        <TCell>john@gmail.com</TCell>
        <TCell>192.168.0.1</TCell>
    </TRow>
</Table>

Параметры:

head
boolean

Показатель того, относится ли ячейка к верхнему уровню (аналог тега th в стандарте HTML)
Значение по умолчанию: false

node
HTMLElement

Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)

id
string

Аналог стандартного атрибута id

className
string

Аналог стандартного атрибута class


Поддерживаемые события:

on:click

on:focus

on:blur

on:mouseover

on:mouseleave

on:mouseup

on:mousedown