[BrentHParticipant]

Thanks

This last sample is only missing:

$(window).resize(function () {
    ...
    $('toolBoxWindow').jqxWindow({ height: $(window).height()/2 });
});

[BrentHParticipant]

Hmm, I have tried that and got the commas. That’s why I asked. I’ll keep looking at it.

text: 'Folio', dataField: 'folio', cellsFormat: 'n', width: 25, pinned: true, sortable: false

[BrentHParticipant]

Figured it out.

[BrentHParticipant]

It looks like I can’t use "text: ''", I have to use "text: ' '" .

When I do that it seems to work.

[BrentHParticipant]

I think I have it working now. I just added a percent size to the 1st panel and removed the size from the 2nd.

[BrentHParticipant]

Here is what I am doing. It leaves a gap between the end of the last column and the right side of the table.

HTML
<div id="parcelTable"></div>

Jscript

$(document).ready(function () {
     $("#parcelTable").jqxDataTable(
    {
        sortable: true,
        pageable: false,
        altRows: true,
        columnsResize: true,
        height: 200,
        width: '100%',
        theme: 'ui-smoothness',
        rendered: function () {
            $(".viewDetails").click(function () { ViewDetails(); });
        },
        columns: [
          { text: 'STRAP', dataField: 'strap', width: 80, align: 'center' },  
          { text: 'Owner Name', dataField: 'name', width: 80, align: 'center' }, 
          { text: 'Site Address', dataField: 'address', width: 80, align: 'center' },
          { text: 'Last Trans. Date', dataField: 'lastsaledt', width: 40, align: 'center', cellsalign: 'center' }, 
          { text: 'Last Trans. Amt', dataField: 'lastsaleamt', width: 40, align: 'center', cellsalign: 'right' }, 
          { text: 'Just Value', dataField: 'justval', width: 40, align: 'center', cellsalign: 'right' }, 
          { text: 'Taxable Value', dataField: 'taxable', width: 40, align: 'center', cellsalign: 'right' },
          { text: '', dataField: 'note', cellClassName: 'notecolumn' }

        ]
    });
});

[BrentHParticipant]

Sorry, I missed that you were using rowClick instead of rowSelect. Never mind.

[BrentHParticipant]

Odd, I don’t have this field in my args object. I only see boundIndex, index, key, owner, and row in my args object. How do I tell what version of your code I have? I only downloaded about a month ago.

Brent

[BrentHParticipant]

Well, the scroll bar for the table is all the way to the right, but the column and table styling doesn’t reach that far.

If I were to remove the “width: ‘100%'”, the line showing the right edge of the table appears at the end of my last column. But I need the table to be 100%, so I can’t use this solution.

You will want to test this – because I don’t think it does what you think it should do with a width: ‘100%’.

In any case, I changed all of my column widths to percentages and it does fill the width of the table and is acceptable for my case.

Brent

[BrentHParticipant]

Sorry, I didn’t even notice I did that. It works fine now.

[BrentHParticipant]

Sorry, this doesn’t work for me. It just gives me a little column about 24 pixels wide.

  ...
        sortable: true,
        pageable: false,
        altRows: true,
        columnsResize: true,
        height: '100%',
        width: '100%',
        theme: 'ui-smoothness',
      columns: [
          { text: 'STRAP', dataField: 'strap', width: 200, align: 'center' },
          { text: 'Owner Name', dataField: 'name', width: 250, align: 'center' },
          { text: 'Site Address', dataField: 'sortableadd', displayField: 'address', width: 250, align: 'center' },
          { text: 'Last Trans. Date', dataField: 'lastsaledt', width: 105, align: 'center', cellsalign: 'center' },
          { text: 'Last Trans. Amt', dataField: 'lastsaleamt', width: 105, align: 'center', cellsalign: 'center' },
          { text: 'Just Value',      dataField: 'justval',     width: 100, align: 'center', cellsalign: 'center' },
          { text: 'Taxable Value', dataField: 'taxable', width: 100, align: 'center', cellsalign: 'center' },
          { text: 'Notes',                 dataField: 'note' }
        ]
...

[BrentHParticipant]

I can’t see which of these is the cell (column) index. I have tried this and looking at all the args properties and can’t see it.

[BrentHParticipant]

OK, I tried it in Chrome and it works, but in IE 10 the problem still exists. Haven’t tried another browser.

[BrentHParticipant]

Your sample shows the same thing that I showed in my sample. You didn’t fix anything.

Using your link in the previous post, Open up all of the tree nodes and scroll to where you can see “Documentation” and “Updates”.
Then grab the bottom of your browser and drag it halfway up your monitor screen.
Now try to access “Updates” or “Documentation”
Do you see the real issue now?

Brent

[BrentHParticipant]

Thanks, this helps a lot.

[Author]

Posts