How to use the semantic-ui-react.Table function in semantic-ui-react

To help you get started, we’ve selected a few semantic-ui-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github kitspace / kitspace / src / buy_parts / tsv_table.jsx View on Github external
const className =
          columnIndex === 0 ? 'marked ' + markerColor(contents) : ''
        const cell = h(
          semantic.Table.Cell,
          {
            error,
            className
          },
          contents
        )
        return cell
      })
      const activePopup = this.state.activePopup
      const rowActivePopup = activePopup && activePopup[0] === rowIndex
      const className = rowActivePopup ? 'selected' : ''
      return h(semantic.Table.Row, {className}, ramda.flatten(bodyCells))
    })
    const bodyJSX = tbody(bodyLinesJSX)
github kitspace / kitspace / src / buy_parts / tsv_table.jsx View on Github external
    let headingJSX  = headings.map(text => h(semantic.Table.HeaderCell, text))
    headingJSX      = h(semantic.Table.Header, [h(semantic.Table.Row, headingJSX)])
github sarkistlt / graphql-auto-generating-cms / lib / components / List.js View on Github external
null,
            _react2.default.createElement(
              _semanticUiReact.Table.Row,
              null,
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                null,
                '#/ID'
              ),
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                null,
                'TITLE'
              ),
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                null,
                'ACTION'
              )
            )
          ),
          _react2.default.createElement(
            _semanticUiReact.Table.Body,
            null,
            data.map(function (obj) {
              return _react2.default.createElement(
                _semanticUiReact.Table.Row,
                { key: obj._id || obj.id },
                _react2.default.createElement(
                  _semanticUiReact.Table.Cell,
                  null,
                  headerToString(obj, header.id)
github sarkistlt / graphql-auto-generating-cms / lib / components / List.js View on Github external
}
      });
      return _react2.default.createElement(
        _semanticUiReact.Segment,
        { color: 'black', className: 'View' },
        _react2.default.createElement(
          _semanticUiReact.Table,
          { celled: true, className: 'List' },
          _react2.default.createElement(
            _semanticUiReact.Table.Header,
            null,
            _react2.default.createElement(
              _semanticUiReact.Table.Row,
              null,
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                null,
                '#/ID'
              ),
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                null,
                'TITLE'
              ),
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                null,
                'ACTION'
              )
            )
          ),
          _react2.default.createElement(
github kitspace / kitspace / src / buy_parts / mpn_popup.jsx View on Github external
function specRow(spec) {
  return h(semantic.Table.Row, [
    h(semantic.Table.Cell, spec.name),
    h(semantic.Table.Cell, spec.value)
  ])
}
github kitspace / kitspace / src / buy_parts / mpn_popup.jsx View on Github external
args.map(text => {
            return h(semantic.Table.Cell, text)
          })
        )