primeng p-table: cell border visibility on lazy loading in virtualScroll modeCSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?CSS - Border only inside the tableFixed Table Cell WidthSet the table column width constant regardless of the amount of text in its cells?CSS text-overflow in a table cell?Add border-bottom to table row <tr>Datatable primeng with lazyload and virtualscrollPrimeNG VirtualScroller in TabView not working out properlyHow to make PrimeNg VirtualScroller responsive height?How to use primeNg virtualScroller p-table with a prepopulated List?
Why aren't (poly-)cotton tents more popular?
Can the negators "jamais, rien, personne, plus, ni, aucun" be used in a single sentence?
Cascading Repair Costs following Blown Head Gasket on a 2004 Subaru Outback
Would a two-seat light aircaft with a landing speed of 20 knots and a top speed of 180 knots be technically possible?
Do equal angles necessarily mean a polygon is regular?
Should I hide continue button until tasks are completed?
Swapping rooks in a 4x4 board
Require advice on power conservation for backpacking trip
What happens when your group is victim of a surprise attack but you can't be surprised?
What do you call the action of someone tackling a stronger person?
Why is the G major to Bb major resolution so strong?
How come I was asked by a CBP officer why I was in the US?
Does ultrasonic bath cleaning damage laboratory volumetric glassware calibration?
Should I tell my insurance company I'm making payments on my new car?
How to split an equation over two lines?
Does the posterior necessarily follow the same conditional dependence structure as the prior?
Links to webpages in books
What can I do to find new work while my workplace is closed due to an accidental death?
What are the penalties for overstaying in USA?
Story-based adventure with functions and relationships
Should my manager be aware of private LinkedIn approaches I receive? How to politely have this happen?
Can the US president have someone sent to prison?
Why would people reject a god's purely beneficial blessing?
Are Finite Automata Turing Complete?
primeng p-table: cell border visibility on lazy loading in virtualScroll mode
CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?CSS - Border only inside the tableFixed Table Cell WidthSet the table column width constant regardless of the amount of text in its cells?CSS text-overflow in a table cell?Add border-bottom to table row <tr>Datatable primeng with lazyload and virtualscrollPrimeNG VirtualScroller in TabView not working out properlyHow to make PrimeNg VirtualScroller responsive height?How to use primeNg virtualScroller p-table with a prepopulated List?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
The primeng table is showing empty cells when scrolling in lazy loading mode and all cell borders are visible. But when trying this in my app I only see the current loaded cells. Only after the content is loaded the table shows entire cells, see the picture:
How to achieve this?
I am using the standard p-table from primeng example, nothing special. And srcstyles.css look like this:
<p-table [columns]="cols" [value]="virtualCars" [scrollable]="true" [rows]="20" scrollHeight="450px" [virtualScroll]="true" (onLazyLoad)="loadDataOnScroll($event)"
[lazy]="true" [totalRecords]="totalRecords" [virtualRowHeight]="28" [loading]="loading">
<ng-template pTemplate="header" let-columns>
...
@import '../node_modules/primeng/resources/themes/nova-light/theme.css';
@import '../node_modules/primeng/resources/primeng.min.css';
@import '../node_modules/primeng/resources/components/table/table.css';
@import '../node_modules/primeicons/primeicons.css';
css
angular html-table primeng edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
add a comment |
The primeng table is showing empty cells when scrolling in lazy loading mode and all cell borders are visible. But when trying this in my app I only see the current loaded cells. Only after the content is loaded the table shows entire cells, see the picture:
How to achieve this?
I am using the standard p-table from primeng example, nothing special. And srcstyles.css look like this:
<p-table [columns]="cols" [value]="virtualCars" [scrollable]="true" [rows]="20" scrollHeight="450px" [virtualScroll]="true" (onLazyLoad)="loadDataOnScroll($event)"
[lazy]="true" [totalRecords]="totalRecords" [virtualRowHeight]="28" [loading]="loading">
<ng-template pTemplate="header" let-columns>
...
@import '../node_modules/primeng/resources/themes/nova-light/theme.css';
@import '../node_modules/primeng/resources/primeng.min.css';
@import '../node_modules/primeng/resources/components/table/table.css';
@import '../node_modules/primeicons/primeicons.css';
css
angular html-table primeng edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
you are getting this issue because by default you have set scrollHeight="450px"
– TheParam
Mar 25 at 10:51
Hm. The original example uses it, too. What kind of value should I use instead?
– alex555
Mar 25 at 11:15
Could you remove the virtualRowHeight and let me know what you get?
– Seba Cherian
Mar 25 at 11:16
@SebaCherian: no changes
– alex555
Mar 25 at 12:04
add a comment |
The primeng table is showing empty cells when scrolling in lazy loading mode and all cell borders are visible. But when trying this in my app I only see the current loaded cells. Only after the content is loaded the table shows entire cells, see the picture:
How to achieve this?
I am using the standard p-table from primeng example, nothing special. And srcstyles.css look like this:
<p-table [columns]="cols" [value]="virtualCars" [scrollable]="true" [rows]="20" scrollHeight="450px" [virtualScroll]="true" (onLazyLoad)="loadDataOnScroll($event)"
[lazy]="true" [totalRecords]="totalRecords" [virtualRowHeight]="28" [loading]="loading">
<ng-template pTemplate="header" let-columns>
...
@import '../node_modules/primeng/resources/themes/nova-light/theme.css';
@import '../node_modules/primeng/resources/primeng.min.css';
@import '../node_modules/primeng/resources/components/table/table.css';
@import '../node_modules/primeicons/primeicons.css';
css
angular html-table primeng edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
The primeng table is showing empty cells when scrolling in lazy loading mode and all cell borders are visible. But when trying this in my app I only see the current loaded cells. Only after the content is loaded the table shows entire cells, see the picture:
How to achieve this?
I am using the standard p-table from primeng example, nothing special. And srcstyles.css look like this:
<p-table [columns]="cols" [value]="virtualCars" [scrollable]="true" [rows]="20" scrollHeight="450px" [virtualScroll]="true" (onLazyLoad)="loadDataOnScroll($event)"
[lazy]="true" [totalRecords]="totalRecords" [virtualRowHeight]="28" [loading]="loading">
<ng-template pTemplate="header" let-columns>
...
@import '../node_modules/primeng/resources/themes/nova-light/theme.css';
@import '../node_modules/primeng/resources/primeng.min.css';
@import '../node_modules/primeng/resources/components/table/table.css';
@import '../node_modules/primeicons/primeicons.css';
css
angular html-table primeng css
angular html-table primeng edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
edited Mar 25 at 10:50
TheParam
5,3051 gold badge19 silver badges31 bronze badges
5,3051 gold badge19 silver badges31 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
asked Mar 25 at 10:48
alex555alex555
9793 gold badges19 silver badges34 bronze badges
9793 gold badges19 silver badges34 bronze badges
you are getting this issue because by default you have set scrollHeight="450px"
– TheParam
Mar 25 at 10:51
Hm. The original example uses it, too. What kind of value should I use instead?
– alex555
Mar 25 at 11:15
Could you remove the virtualRowHeight and let me know what you get?
– Seba Cherian
Mar 25 at 11:16
@SebaCherian: no changes
– alex555
Mar 25 at 12:04
add a comment |
you are getting this issue because by default you have set scrollHeight="450px"
– TheParam
Mar 25 at 10:51
Hm. The original example uses it, too. What kind of value should I use instead?
– alex555
Mar 25 at 11:15
Could you remove the virtualRowHeight and let me know what you get?
– Seba Cherian
Mar 25 at 11:16
@SebaCherian: no changes
– alex555
Mar 25 at 12:04
you are getting this issue because by default you have set scrollHeight="450px"
– TheParam
Mar 25 at 10:51
you are getting this issue because by default you have set scrollHeight="450px"
– TheParam
Mar 25 at 10:51
Hm. The original example uses it, too. What kind of value should I use instead?
– alex555
Mar 25 at 11:15
Hm. The original example uses it, too. What kind of value should I use instead?
– alex555
Mar 25 at 11:15
Could you remove the virtualRowHeight and let me know what you get?
– Seba Cherian
Mar 25 at 11:16
Could you remove the virtualRowHeight and let me know what you get?
– Seba Cherian
Mar 25 at 11:16
@SebaCherian: no changes
– alex555
Mar 25 at 12:04
@SebaCherian: no changes
– alex555
Mar 25 at 12:04
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55336068%2fprimeng-p-table-cell-border-visibility-on-lazy-loading-in-virtualscroll-mode%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55336068%2fprimeng-p-table-cell-border-visibility-on-lazy-loading-in-virtualscroll-mode%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
you are getting this issue because by default you have set scrollHeight="450px"
– TheParam
Mar 25 at 10:51
Hm. The original example uses it, too. What kind of value should I use instead?
– alex555
Mar 25 at 11:15
Could you remove the virtualRowHeight and let me know what you get?
– Seba Cherian
Mar 25 at 11:16
@SebaCherian: no changes
– alex555
Mar 25 at 12:04