laravel-vue-datatable/src/mixins/CorrectTextStyling.js

Vue.js datatable made with Laravel and Bootstrap in mind

export default {
    mounted() {
        let styleingFunction = element => {
            element.style.overflowWrap = "normal";
            element.style.whiteSpace = "normal";
        };

        let paragraphs = document.querySelectorAll("p");
        let h1 = document.querySelectorAll("h1");
        let td = document.querySelectorAll("td");
        let h2 = document.querySelectorAll("h2");
        let h3 = document.querySelectorAll("h3");
        let h4 = document.querySelectorAll("h4");
        let h5 = document.querySelectorAll("h5");

        paragraphs.forEach(styleingFunction);
        h1.forEach(styleingFunction);
        h2.forEach(styleingFunction);
        h3.forEach(styleingFunction);
        h4.forEach(styleingFunction);
        h5.forEach(styleingFunction);

        td.forEach(styleingFunction);
    }
}