DataTable_responsive

HTML

<html><head>
   <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.20/af-2.3.4/b-1.6.0/b-colvis-1.6.0/b-flash-1.6.0/cr-1.5.2/fc-3.3.0/fh-3.1.6/kt-2.5.1/r-2.2.3/rg-1.1.1/rr-1.2.6/sc-2.0.1/sl-1.3.1/datatables.min.css">
    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.20/af-2.3.4/b-1.6.0/b-colvis-1.6.0/b-flash-1.6.0/cr-1.5.2/fc-3.3.0/fh-3.1.6/kt-2.5.1/r-2.2.3/rg-1.1.1/rr-1.2.6/sc-2.0.1/sl-1.3.1/datatables.min.js"></script>

    <link rel="stylesheet" type="text/css" href="https://www.https://www.lancii.de/preise/css/editor.dataTables.css">
    <script type="text/javascript" src="https://www.https://www.lancii.de/preise/js/dataTables.editor.js"></script>

    <title>Preisliste intern</title>
    <style type="text/css">

      body {
        font:12px Roboto
      }

      a.buttons-collection {
        margin-left: 1em;
      }

    </style>

  </head>
  <body>
    <div id="dtPreis_wrapper" class="dataTables_wrapper no-footer"><div class="dt-buttons">   <button class="dt-button buttons-create" tabindex="0" aria-controls="dtPreis" type="button"><span>New</span></button> <button class="dt-button buttons-selected buttons-edit disabled" tabindex="0" aria-controls="dtPreis" type="button"><span>Edit</span></button> <button class="dt-button buttons-selected buttons-remove disabled" tabindex="0" aria-controls="dtPreis" type="button"><span>Delete</span></button> </div><div id="dtPreis_filter" class="dataTables_filter"><label>Search:<input type="search" class="" placeholder="" aria-controls="dtPreis"></label></div><table id="dtPreis" class="cell-border stripe responsive dataTable no-footer dtr-inline" style="width: 100%;" role="grid" aria-describedby="dtPreis_info">
      <thead>
        <tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="dtPreis" rowspan="1" colspan="1" style="width: 45px;" aria-label="Marke: activate to sort column descending"...