Data collections

Data collection components are the display components that let us easily populate the record of data in different elements, including ojTable, ojDataGrid, ojTree, and ojListView.

Each of the data collection components allows us to render the records along with additional options for auto layout, dynamic scrolling, column sorting, and pagination. Let's review ojTable with pagination in the following example:

  • HTML:
        <div id="pagingControlDemo">          <table id="table" summary="Cities List"           aria-label="Cities Table"           data-bind="ojComponent: {component: 'ojTable',              data: pagingDatasource, columns: [               {headerText: 'Country', field: 'country'},               {headerText: 'City Name', field: 'name'},               {headerText: 'Lattitude', field: 'lat'}, {headerText: ...

Get Oracle JET for Developers now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.