1

I'm using BackGrid.js to paginate my data tables but I'm having a small issue with css on the "page left" and "page right" images, they don't seem to be rendering for me so I must either be missing the releant images or I don't have the relevant css on the elements in question,

Iv tried to look around for a solution/example of how they are rendered but have come unstuck (loked at twitter bootstraps version of this also to see if that would help style it), image is here:

enter image description here

As you can see there should be arrows point to the left of "page 1" and to the right of "page 10"

Any help much appreciated!

Cheers

Lain
  • 2,166
  • 4
  • 23
  • 47
user1694873
  • 473
  • 1
  • 11
  • 21

2 Answers2

2

You have to use an unicode font such as Arial and set your character encoding to utf-8 (as you should at all times) to see the arrows. You can also override the fast forward handles too.

Y.H Wong
  • 7,151
  • 3
  • 33
  • 35
  • Cheers - bit of a stupid question but am i right in saying the font should be set in my css? I was having difficulty finding out the element names for the page left/right arrows – user1694873 Apr 28 '13 at 10:29
  • Backgrid doesn't actually set any font for you. You can just set it in the body's CSS. – Y.H Wong Apr 28 '13 at 11:05
0

backgrid-paginator.js does actually set these values. The way i got around it was to remove the characters defined under fastForwardLabels and replace with my own simple arrows:

  /** @property */
    fastForwardHandleLabels: {
      first: "<<",
      prev: "<",
      next: ">",
      last: ">>"
    },
user1694873
  • 473
  • 1
  • 11
  • 21