No default table class

[franciscohanna92]

Could it be possible to pass in the classes for a bootstrap table but having no default? Something like:

<datatable class="table table-bordered" :columns="columns" :data="rows" :filter-by="filter"></datatable>

[SerGioPicconti]

add this code after import vue-datatable and before vue.use(DatatableFactory) in main app.js:

DatatableFactory.useDefaultType(false)
	.registerTableType('datatable', function(table_type){
		table_type.mergeSettings({
			table: {
				class: '',
			}
		});
	}
);

[sobiero]

Hi @SerGioPicconti How do you override default style when using Vue.js Datatable via a standard script tag (ES5)?

[sobiero]

Hi @SerGioPicconti How do you override default style when using Vue.js Datatable via a standard script tag (ES5)?

This is my hack for now which is really bad practice.

Use a JavaScript beautifier to beatify the vuejs-datatable.js file.
Then add these lines of code just before window.Vue.use(p)

p.useDefaultType(false)
	.registerTableType('datatable', function(table_type){
		table_type.mergeSettings({
			table: {
				class: '',
			}
		});
	}
);

[GerkinDev]

This is actually a bad practice. What's the problem with SerGioPicconti's solution? It should be the way to do.

[sobiero]

This is actually a bad practice. What's the problem with SerGioPicconti's solution? It should be the way to do.

SerGioPicconti's solution is indeed the right way to do it.
However, as far as I know, it only works when you are developing using NPM, Webpack and related CLI tools.
My question was, how do you achieve the same, if you are not using CLI tools but are using already bundled scripts. (I'm currently working on a project where other devs are not comfortable with CLI tools, so we use pre-compiled scripts from CDN)
That hack solves our problem until we get a cleaner solution...

[SerGioPicconti]

Hi @SerGioPicconti How do you override default style when using Vue.js Datatable via a standard script tag (ES5)?

This is my hack for now which is really bad practice.

Use a JavaScript beautifier to beatify the vuejs-datatable.js file.
Then add these lines of code just before window.Vue.use(p)

p.useDefaultType(false)
	.registerTableType('datatable', function(table_type){
		table_type.mergeSettings({
			table: {
				class: '',
			}
		});
	}
);

I am using webpack, so I don't use custom modes of internal files of this package. It's seems your doing right, except that on every update you need to add this part every time.

[GerkinDev]

Okay, I've found a way to expose the Vuejs-Datatable factory globally as the VuejsDatatable global variable. Wait for the next release.

[GerkinDev]

Closed by v2.0.0-alpha.0. Check the appropriate README section