Setup

For Ember FW Table, there is a little bit more than some packages that you have to do. You must of course add @bennerinformatics/ember-fw-table as a normal yarn dependency to the client/package.json file, as documented here. After this, you must also add the styling for ember-fw-table ito your app.scss. This can be done by importing the general styling from ember-fw-table:

@import "ember-fw-table/ember-fw-table";

In order to make responsive tables to work correctly, you will also need to make sure that you add the ember-responsive package to client/package.json in order to properly get the responsive tables to work correctly. Ember Responsive has been on our Yarn Dependency Blacklist for a while, so in selecting a version to install, make sure that you are within the current parameters given by our blacklist.

After you install these two packages and change the styling you SHOULD be done. Sometimes however, you may have errors such requesting files either of the following files: responsive.js or breakpoints.js. These are supposed to be able to be found without you needing to add them to your app because they are in Ember FW Table. If you receive an error however, you should copy and paste these two files from Ember FW Table into your app. This is the old and new locations:

• responsive.js: Copy from ember-fw-table/app/initializers/ to your root/client/app/initializers/ folder.
• breakpoints.js: Copy from ember-fw-table/app/ to your root/client/app folder.

If for whatever reason these files need to be overridden for your app (ie if you need to add a new breakpoint for your app), these files can be copied over from Ember FW Table and overridden from the default settings.