blueprint-basit-tablo v1.0.2

blueprint-basit-tablo

Blueprintjs Tabanlı Basit React Tablo Bileşeni

Gereksinimler

styled-components ve blueprintjs kullandığı için önce bunları yükleyin

npm

npm install --save @blueprintjs/core styled-components

yarn

yarn add @blueprintjs/core styled-components

Yükleme

npm

npm install --save blueprint-basit-tablo

yarn

yarn add blueprint-basit-tablo

Kullanım

Blueprintjs gereksinimlerini sağlayın. BlueprintJS Getting Started

columns ve items prop'larına sütunları ve satırları verebilirsiniz. Sütunları verirken aşağıdaki üç şekildeki gibi kullanarak satırdan hücrenin nasıl çekileceğini de belirleyebilirsiniz. Satırda id sütunu olmasını tavsiye ederim. Yoksa index kullanılır.

import React from 'react'

import { Tablo } from 'blueprint-basit-tablo'

const sutunlar = [
    'Ad', // başlık ve nesnedeki property aynı ise (item.ad)
    {
        title: 'Soyad',
        accessor: 'soyadi'
    }, // başlık ve property farklı ise
    {
        title: 'Telefon',
        accessor: hucre => '0312' + hucre.tel
    } // hucre içeriğini kendiniz de verebilirsiniz. Ayrıca bileşen de verebilirsiniz
]

const satirlar = [
    {
      id: 1,
      ad: 'Hasan',
      soyadi: 'TEKGÜL',
      tel: '011011011',
    },
    {
      id: 1,
      ad: 'Zeliha',
      soyadi: 'TEKGÜL',
      tel: '011011011',
    }
]

function App (props) {
  return <Tablo columns={sutunlar} items={satirlar} />
}

License

MIT © htekgulds