Tabulator 上的文本换行

如何解决Tabulator 上的文本换行

var table = new Tabulator("#example-table",{
  layout: "fitColumns",//fit columns to width of table
  height: "69vh",responsiveLayout: "collapse",//hide columns that dont fit on the table
  cellVertAlign: "middle",headerSort: false,columns: [
    {
      title: "title",field: "title",width: 300,sorter: "string",formatter(cell,formatterParams) {
        return `<p class="p-name-inside-table" contenteditable="true">${cell.getValue()}</p>`;
      }
    },{
      title: "body",field: "body",formatterParams) {
        return `<p class="p-name-inside-table" contenteditable="true">${cell.getValue()}</p>`;
      }
    }
  ]
});

$.ajax({
  type: "GET",url: "https://jsonplaceholder.typicode.com/posts",success: function (data) {
    setTimeout(() => {
      table.addData(data,false);
      table.restoreRedraw();
    },200);
  }
});

body {
  font-family: Arial;
}

h1 {
  text-align: center;
  margin: 0,auto;
}

.button {
  justify-content: center;
  margin: 10px;
  text-align: center;
}

.button button {
  margin: 10px;
  padding: 10px;
}

.p-name-inside-table {
  width: 100%;
  cursor: default !important;
}

.p-name-inside-table img {
  cursor: pointer !important;
}

<link href="https://unpkg.com/tabulator-tables@4.9.3/dist/css/tabulator.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1>Tabulator</h1>

<div id="example-table"></div>

如何包装标题行，使其不会在 Tabulator 上被截断？您可以看到行被截断，但我在文档 (http://tabulator.info) 上找不到它

( ----这是为了避免“主要是代码”错误-------------------------------- -------------------------------------------------)