docs: compare with vuejs-smart-table

[mesqueeb]

There's a very similar renderless library that does seemingly the same things:

https://github.com/tochoromero/vuejs-smart-table

I'd love some kind of comparison chart with pros and cons to this library vs vuejs-smart-table

[kouts]

Hey @mesqueeb, comparing the two libraries doesn't belong inside the documentation from my perspective. It will probably be biased in favour of vue-dataset 😃 . With that said, you can choose what feels right for you and share your findings with the community in this issue here.

[noogen]

I feel that they're two different components that meet different needs. I like this one better because it's not tied to the HTML Element table as in vuejs-smart-table. Therefore, we can use CSS to render responsive display.

And if this is the path/route that this component is going, then I suggest allowing for changing CSS Classes of the component so we can apply custom CSS/other CSS Frameworks. Classes, such as pagination, page-item, and form-inline are too closely tired to bootstrap. Especially form-inline, which I don't think, even exists in bootstrap 5.

Ref: https://stackoverflow.com/questions/67655096/bootstrap-5-form-group-form-row-form-inline-not-working

[kouts]

Hey @noogen, yes it makes sense. But for the time being even if you don't use Bootstrap you can:

• Pass your own classes to dataset's components and style them to your liking.
• Create your own dataset child components

Let's say you want to style the dataset-search component it would be something like: <dataset-search ds-search-placeholder="Search..." class="my-search" />

and then in your styles:

.my-search input {
  border: 1px solid red;
}