datatable error with width

by thelittlewozniak

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://flow.bsb.group/static/js/datatables.min.217d7ed5ae46.js"></script>
<link rel="stylesheet" href="https://flow.bsb.group/static/css/datatables.min.e6eb98b568ff.css">
<link rel="stylesheet" href="https://flow.bsb.group/static/css/select2.min.4392c5bc0481.css">
<script src="https://flow.bsb.group/static/js/select2.min.3a77515644e0.js"></script>
<script src="https://flow.bsb.group/static/js/editor.select2.8d7f326e9d74.js"></script>
<table id="datatable"></table>

JavaScript

var last_day = Number("31")
var first_day = Number("1")
function checkins_rendering_data(data) {
  if (data.duration_hours > 0) {
    return data.duration_hours + " h"
  } else {
    return "-"
  }
}
function checkins_calculate_total_row(row) {
  total_hours = 0
  Object.entries(row).forEach(([key, value]) => {
    key = key.split("_")[1]
    if (key >= first_day && key <= last_day) {
      total_hours += value.duration_hours ? Number(value.duration_hours) : 0
    }
  })
  return total_hours + " h"
}

$(document).ready(function () {
  const editor = new DataTable.Editor({
    ajax: {
      edit: {
        type: "POST",
        async: true,
        headers: {
          "X-CSRFToken":
            "bJHoBJLYTgFmOtltq1uHZ2SvuIOCWk4GwgPO7OxsxpO0M5ycqCOHVZZ6wiub78Gk",
        },
        url: "/api/private/daily_checkin/worksite/11/checkin/19/",
        contentType: "application/json",
        data: function (d) {
          worker_id = Object.keys(d["data"])[0]
          duration_hours_obj = d["data"][worker_id]
          date = null
          duration_hours = null
          Object.keys(duration_hours_obj).forEach((key) => {
            if (key.includes("date_")) {
              date = key.replace("date_", "")
              duration_hours = +duration_hours_obj[key][
                "duration_hours"
              ].replace(",", ".")
              duration_hours_obj["date_" + date] = {
                date: date,
                duration_hours: duration_hours,
              }
            }
          })
          return JSON.stringify({
            worker: worker_id,
            date: date,
            duration_hours: duration_hours,
          })
        },
      },
      create: {
        type: "POST",
        headers: {
          "X-CSRFToken":
            "bJHoBJLYTgFmOtltq1uHZ2SvuIOCWk4GwgPO7OxsxpO0M5ycqCOHVZZ6wiub78Gk",
        },
        url: "/api/private/daily_checkin/worksite/11/checkin/19/create/",
        contentType: "application/json",
        data: function...