Hi Stefan,
Thanks for contacting Syncfusion support.
Query: In the typescript project data is renderer, but none of the features (sorting, paging, filtering, .. ) are working
Currently injecting feature modules using Provide is not working properly and we have confirmed “Providers are not accessible in vue while using providers from vue-property-decorator” as bug. For now you can specify the provide using the Component decorator as follows.
@Component({
provide: {
grid: [Page, Sort, Filter, Group]
}
})
export default class HelloWorld extends Vue {
. . . . .
}
|
Query: with no typescript, features are working, but css is not handled correctly, so that certain buttons are not rendered correctly
From Volume 3, 2018 release, we have segregated dependent component themes from the grid styles to reduce the style bundling size and hence we need to import/refer the dependent styles individually. Please refer the below dependent component styles used by grid.
<style lang="css">
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
@import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
@import "../node_modules/@syncfusion/ej2-navigations/styles/material.css";
@import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css";
@import "../node_modules/@syncfusion/ej2-lists/styles/material.css";
@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css";
@import "../node_modules/@syncfusion/ej2-calendars/styles/material.css";
</style>
|
For your convenience we have also modified the typescript sample and the same can be downloaded from the below link.
Regards,
Madhu Sudhanan P