Wondering what’s next for npm?Check out our public roadmap! »

    react-native-data-grid

    1.1.2 • Public • Published

    react-native-data-grid

    NPM

    npm version

    Sample Demo

    IOS ANDROID
    ios.gif docs/android.gif

    A component that performs simple CRUD operations.

    To build the examples locally, run:

    $ git clone https://github.com/ahmetsahinoglu/react-native-data-grid.git
    cd react-native-data-grid/Example && npm install
    react-native run-ios or react-native run-android
    

    Then open your emulator.

    Installation

    npm install react-native-data-grid --save
    

    Usage

    First of all you need to give JSON model for grid template.Then you have to give a url or a defaultGridData like Example.

    import {DataGrid} from 'react-native-data-grid';
    
      <DataGrid fields={Model.fields} url="YOUR_URL_PUT_HERE"/>   or
      
      <DataGrid fields={Model.fields} defaultGridData={YOUR_DEFAULT_GRID_DATA}/>
    

    Properties

    Property Type Default Description
    ajaxConfig object {method: 'GET',headers: {'Accept': 'application/json','Content-Type': 'application/json'} Read more https://facebook.github.io/react-native/docs/network.html
    checkBox bool false
    checkedImage element
    checkColumnSize number
    defaultGridData array
    fields array
    onClickCheck function return selected rows
    style object {marginLeft: 10, marginRight: 10}
    toolbar bool false default toolbar new edit delete
    unCheckedImage element

    License

    MIT

    Copyright (c) 2017 Ahmet Sahinoglu.

    Install

    npm i react-native-data-grid

    DownloadsWeekly Downloads

    6

    Version

    1.1.2

    License

    none

    Last publish

    Collaborators

    • avatar