JQuery DataTable Overflows à Bootstrap Modal

J'ai une table dans un modal de bootstrap. Le contenu que je peuplé à l'intérieur des cellules de données est assez grand, et au lieu d'envelopper le texte pour s'adapter à la table à l'intérieur du modal, il déborde du modal, comme il est incapable de prendre la largeur modale et d'envelopper le texte.

Capture d'écran: strong> p>

P>

J'ai essayé diverses solutions, telles que la spécification de l'enveloppement CSS ainsi que la spécification de la largeur de table (en% et px) et de régler la propriété de largeur sur la table (en% et px), mais il n'y a absolument aucun changement à la table. . Tout conseiller sur la manière de corriger ce problème serait grandement apprécié. P>

Extrait de code 1 (modal): strong> p>

function showQuestions(quiz_id)
{
$('#questions_quiz_id').val('quiz_id');
window.questionsTable.fnClearTable();
$.post('{{ url("getGameQuestions") }}', {quiz_id : quiz_id})
.done(function(data)
{
    if (typeof(data.error) != 'undefined')
    {
        $('#error-msg').html(data.error);
        $('#page-error').fadeIn(300).delay(2000).fadeOut(500);
    }
    else
    {
        for(var d in data)
        {
            var question = data[d]; 
            var active = (question.active == undefined || question.active == false) ? "Inactive" : "Active";

            var ai = window.questionsTable.fnAddData([
                question.code,
                question.title,
                question.instruction,
                question.extract,
                active,
                '<i class="icon-pencil" style="cursor:pointer; color:#E48A07;" title="Edit" onclick="setQuestion('+question.id+')"></i>'
            ]);
            var oSettings = window.questionsTable.fnSettings();
            var addedRow = oSettings.aoData[ai[0]].nTr;
            addedRow.cells.item(2).setAttribute('width','29%');
            addedRow.cells.item(4).className = "text-center";
            addedRow.cells.item(4).className = "text-center";
            addedRow.cells.item(5).className = "text-center";
        }
        $('#questionsModal').modal('show');
    }
});
}