Can i bind my own response data to table about react-strap-table HOT 7 CLOSED

...
const url = 'https://example.test/api/users';
const columns = ['id', 'name', 'email', 'avatar', 'address', 'created_at', 'actions'];
const options = {
    ...
    responseAdapter: function (resp_data) {
        return {data: resp_data.data, total: resp_data.meta.total}
    },
};
...

<ServerTable columns={columns} url={url} options={options}>
{
    function (row, column) {
        switch (column) {
            case 'avatar':
                return (<img src={row.avatar} className="table-image"/>);
            case 'address':
                return (
                  <ul>
                      <li>Street: {row.address.address1}</li>
                      <li>City: {row.address.city}</li>
                      <li>Country: {row.address.country}</li>
                  </ul>
                );
            case 'actions':
                return (
                    <div style={{textAlign: 'center'}}>
                        <a className="btn btn-primary btn-xs table-actions-btn"
                           href={'users/' + row.id + '/edit'}>
                            <i className="fa fa-pencil-alt"/></a>
                        <a className="btn btn-danger btn-xs table-actions-btn">
                            <i className="fa fa-trash"/></a>
                    </div>
                );
            default: // Don't forget this
                return (row[column]);
        }
    }
}
</ServerTable>

constructor () {
     // API url
    this.url = `${apiBaseUrls}dataapi`

    this.checkAllInput = (
      <input
        type='checkbox'
        ref={this.check_all}
        onChange={this.handleCheckboxTableAllChange}
      />
    );
    this.columns = [
      'id',
     ....
    ];
    this.options = {
      headings: {
       .....
      },

      sortable: [
      .....
      ],
      columnsAlign: {
        ....
      },
      icons: {
      ....
      },
      texts: {
       ....
      },
      responseAdapter: (resp_data) => {
        console.log(resp_data);
        let usersIDs = resp_data.data.map((a) => +a.id);
        this.setState({ usersIDs: usersIDs }, () => {
          this.check_all.current.checked =
            _.difference(this.state.usersIDs, this.state.selectedUsers)
              .length === 0;
        });

        return { data: resp_data.data, total: resp_data.total };
      },
    };
  }
}

render() {
      let self = this;
      <ServerTable
          columns={this.columns}
          url={this.url}
          options={this.options}
          bordered
          hover
        >
          {(row, column) => {
            switch (column) {
              case 'id':
                return (
                  <input
                    key={+row.id}
                    type='checkbox'
                    value={+row.id}
                    onChange={self.handleCheckboxTableChange}
                    checked={self.state.selectedUsers.includes(
                      +row.id
                    )}
                  />
                );
            
              default:
                return row[column];
            }
          }}
        </ServerTable>
}