How to use @instructure/ui-table - 6 common examples

renderer.table = function (header, body) {
    // TODO: Figure out how we can add captions for a11y
    //
    // `marked`, the lib we're using to parse the markdown does not allow
    // specification of a caption for the table. Look into an alternate
    // lib for parsing or see if it's supported in a later version. In
    // the meantime, adding an empty string as a caption to avoid throwing
    // a docs error.
    return addElement(Table, { caption: '' }, [
      addElement(Table.Head, null, header),
      addElement(Table.Body, null, body)
    ])
  }

renderer.table = function (header, body) {
    // TODO: Figure out how we can add captions for a11y
    //
    // `marked`, the lib we're using to parse the markdown does not allow
    // specification of a caption for the table. Look into an alternate
    // lib for parsing or see if it's supported in a later version. In
    // the meantime, adding an empty string as a caption to avoid throwing
    // a docs error.
    return addElement(Table, { caption: '' }, [
      addElement(Table.Head, null, header),
      addElement(Table.Body, null, body)
    ])
  }

renderer.tbody = function (content) {
    return addElement(Table.Body, null, content)
  }

renderer.tablecell = function (content, flag) {
    const tag = flag.header ? Table.ColHeader : Table.Cell

    return addElement(tag, null, content)
  }

renderer.thead = function (content) {
    return addElement(Table.Head, null, content)
  }

renderer.tablerow = function (content) {
    return addElement(Table.Row, null, content)
  }