Hi,
Currently, there is a limit on the number of characters displayed in tooltips and table previews. Unfortunately, it is not possible to display the full text at the moment. However, we are aware of this limitation, and our team is actively exploring possible improvements for future updates.

Hi,

We’ve come across the same issue for some of our datasets. In some cases we have built a custom view too have a more.. readable table, see https://northernpowergrid.opendatasoft.com/explore/dataset/technical-library/custom/ as an example. If you set the context to ctx, all the filters will still work if you have any. Happy to share the code if you want to use it as a base :)

Thanks

Ryan

Hi Ryan

Thank you for your reply and advice. I am interested in this code and would be very thankful if you could send it to me.

Many thanks 

Rahel

Hi Rahel,

HTML

<div class="col-md-12">
                <div class="table-module">
                    <table class="table-basic"
                           ods-results="tests"
                           ods-results-context="ctx"
                           ods-results-max="1000">
                        <thead>
                            <tr>
                                <th>Document Name</th>
                                <th>Description</th>
                                <th>Link</th>
                             
                               
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="test in tests">
                                <th scope="row" style="width:35%">
                                    {{ test.fields.document_name | capitalize }}
                                </th>
                                <td style="width:60%">
                                    {{ test.fields.description }}
                                </td>
                                <td style="width:5%">
                                   <a href="{{ test.fields.link }}">{{ test.fields.link }}</a>
                                </td>
                                
                            </tr>
                        </tbody>
                    </table>
                </div>
                
            </div>

CSS

.table-module {
  height: 50rem; 
  overflow-y: auto;
  
  
}
.table-basic {
  display: table;  
  border-collapse: collapse; 
  table-layout:fixed;
  white-space: wrap;
  background-color: #FFFFFF;
}
.table-basic thead th {
  color: #ffffff;
  background-color: #ab1236;
  font-weight: 500;
  padding: 13px 3px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-basic thead th:first-child,
.table-basic tbody th {
  padding-left: 13px;
}
.table-basic tr td,
.table-basic tbody th {
  font-weight: normal;
  border-top: 1px solid #dee5ef;   
}
.table-basic tr td {
  padding: 20px 5px;
}

tr:nth-child(even) {
  background-color: #dcdcdc;
}

Many thanks Ryan! It worked: Weg der Vielfalt Stadt St.Gallen — St.Gallen

Glad to hear that Rahel!