more tables on one page, " "

[Roland]

Hi there, 

i have a render problem with " "
is there a fix for this issue?

thanks a lot
cheers roland

[Dimo]

Hello Roland,

I don't see an attached screenshot to your post. As for the multiple table initialization, it works on my side. Please double-check for some minor error.

All the best,
Dimo
the Telerik team

[Roland]

Hi,

yep it works now. sry my misstake.

but now i have scrollbars at second and third table.

    $(".table-02").kendoGrid({
        height: "auto",
        groupable: false,
        scrollable: true,
        sortable: true,
        pageable: false,
        columns: [
            {
                field: "FirstName",
                title: "First Name"
            },
            {
                field: "LastName",
                title: "Last Name"
            }
        ]
    });

(same on each table)

also i have still the " " issue.
some ideas about that?


thanks

[Dimo]

Hello Roland,

If you don't want scrollbars, you should set scrollable: false. Height:auto is applied to the Grid wrapper, while the scrollable element is different.

Can you please specify what exactly is the "  issue" ?

Regards,
Dimo
the Telerik team

[Roland]

looks like im a bit confused today. sorry.

in my table there are some empty tabel cells, there is just a space in it.
kendo is rendering the space as  & n b s p ;

i can use something like this $('.table td:contains(" ")').html('');
but then i need a callback for the sorting.

thanks
best greets roland

[Dimo]

Hello Roland,

Indeed, when the Grid is initialized from a rendered table and has autogenerated columns, it is expected to not encode the table cell values. Currently you can include column definitions explicitly and disable encoding, as shown below. We will research how to improve the discussed behavior.

$("#myGrid").kendoGrid({
    sortable:true,
    scrollable:false,
    height:"auto",
    columns: [
        {
            field: "string",
            title: "Some String"
        },
        {
            fiend: "empty",
            title: "Empty Cells",
            encoded: false
        },
        {
            field: "note",
            title: "Note",
            encoded: false
        }
    ]
});

<table id="myGrid">
    <thead>
        <tr>
            <th data-field="string">some strings</th>
            <th data-field="empty">empty cells</th>
            <th data-field="note">note</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>cell 1.1</td><td> </td><td>space</td></tr>
        <tr><td>cell 2.1</td><td>&nbsp;</td><td>&amp;nbsp;</td></tr>
        <tr><td>cell 3.1</td><td>     </td><td>multiple spaces</td></tr>
        <tr><td>cell 4.1</td><td></td><td>empty string</td></tr>
    </tbody>
</table>

Best wishes,
Dimo
the Telerik team