https://github.com/shmew/feliz.materialui.materialtable

Fable bindings written in the Feliz-style for material-table.
https://github.com/shmew/feliz.materialui.materialtable

fable feliz material-table material-ui react table

Last synced: 2 months ago
JSON representation

Fable bindings written in the Feliz-style for material-table.

• Host: GitHub
• URL: https://github.com/shmew/feliz.materialui.materialtable
• Owner: Shmew
• License: mit
• Created: 2019-11-19T14:11:57.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-06-17T15:25:07.000Z (over 3 years ago)
• Last Synced: 2024-11-06T17:07:41.418Z (3 months ago)
• Topics: fable, feliz, material-table, material-ui, react, table
• Language: F#
• Homepage: https://shmew.github.io/Feliz.MaterialUI.MaterialTable/
• Size: 29.3 MB
• Stars: 18
• Watchers: 4
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: Contributing.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Feliz.MaterialUI.MaterialTable [![Nuget](https://img.shields.io/nuget/v/Feliz.MaterialUI.MaterialTable.svg?maxAge=0&colorB=brightgreen)](https://www.nuget.org/packages/Feliz.MaterialUI.MaterialTable)

Fable bindings for [material-table](https://github.com/mbrn/material-table) with [Feliz](https://github.com/Zaid-Ajaj/Feliz) style api for use within MaterialUI.

Here is a quick look:

```fs

open Feliz

open Feliz.MaterialUI

open Feliz.MaterialUI.MaterialTable

type private RowData =

    { name: string

      surname: string

      birthYear: int

      birthCity: int }

let render = React.functionComponent (fun () ->

    Mui.materialTable [

        materialTable.title "My Title"

        materialTable.columns [

            columns.column [

                column.title "Name"

                column.field (fun rd -> nameof rd.name)

            ]

            columns.column [

                column.title "Surname"

                column.field (fun rd -> nameof rd.surname)

            ]

            columns.column [

                column.title "Birth Year"

                column.field (fun rd -> nameof rd.birthYear)

                column.type'.numeric

            ]

            columns.column [

                column.title "Birth Place"

                column.field (fun rd -> nameof rd.birthCity)

                column.lookup [ 

                    (34, "İstanbul")

                    (63, "Şanlıurfa") 

                ]

            ]

        ]

        materialTable.data [

            { name = "Mehmet"

              surname = "Baran"

              birthYear = 1987

              birthCity = 63 }

            { name = "Zerya Betül"

              surname = "Baran"

              birthYear = 2017

              birthCity = 34 }

        ]

    ])

```

Find documentation [here](https://shmew.github.io/Feliz.MaterialUI.MaterialTable/) with live examples.