Module Table

constructor

• new default(options: TableInitOptions): default

• It's creating a table in WebView or WebViewBridge using given values and style parameters

  example

  const headerColumns = ['First name', 'Last name'];
  const bodyColumns = [
      { first: 'Shmi', last: 'Skywalker' },
      { first: 'Anakin', last: 'Skywalker' },
      { first: 'Luke', last: 'Skywalker' },
      { first: 'Leia', last: 'Organa' },
      { first: 'Han', last: 'Solo' }
  ];
  
  const table = new Table({
      webView: this.webView1,
      tableOptions: {
          rows: [
              {
                  rowStyles: {
                      color: '#fff',
                      fontWeight: 'bold',
                      backgroundColor: '#000'
                  },
                  columns: headerColumns.map(key => ({ key }))
              },
              ...bodyColumns.map(column => ({
                  rowStyles: {
                      padding: '10px 0',
                      borderBottom: '1px solid #000'
                  },
                  columns: [
                      { key: column.first },
                      { key: column.last }
                  ]
              }))
          ]
      }
  });
  table.render();
  

  Parameters

  • options: TableInitOptions

    options - Base options object

  Returns default