One JPanel is missing after adding two JPanels to a JFrame

Question

I have two classes, ScoreTableView and CardView, which both extends the JPanel class. ScoreTableView is used to show one table only, and CardView is to show a set of cards for a memory game. My objective is to separate the development of the panels, so that it will easier to modify either of them later. I add instances of these two class to the contentPane of my top level JFrame object. However, I can only see the ScoreTableView(which is supposed to show me a table only) on the top part of the frame, and the CardView panel never show up.
ScoreTableView.java
  public ScoreTableView(int numberOfPlayer){
//      Create a model of the data.
        scoreTable = new JTable();//this scoreTable is a JTable object
        scoreTable.setModel(scoreTableData);  //scoreTableData is my data    
        JScrollPane jsp = new JScrollPane(scoreTable);          
        p = this;
        p.setLayout(new BorderLayout());
        p.add(jsp, BorderLayout.CENTER);
    }CardView.java
public CardView(int w, int h){
        cardWidth = w;
        cardHeight = h;
        JPanel cardPanel = new JPanel();
        cardPanel.setLayout(new GridLayout(cardWidth,cardHeight)); 
        CardImageButton[][] cardsButtons = new CardImageButton[cardWidth][cardHeight];
      // ... more other none GUI coiding 
         }Here's what I have in my main
        Container contentPane = jf.getContentPane();//jf is the JFrame object          
        contentPane.setLayout(new BorderLayout()); 
//      create the score panel                 
        ScoreTableView scoreTableView = new ScoreTableView(4);
      contentPane.add( scoreTableView, BorderLayout.NORTH);
        //create the cards panel
        CardView cardPanel = new CardView(4,4);
        contentPane.add(cardPanel, BorderLayout.CENTER);
        jf.pack();
        jf.setVisible(true);      

Answer 1

Sorry, but I copied the wrong files. Now both panels can show up, but the score table is on the NORTH, and the card panel is on the SOUTH(although I set it to CENTER and wish it can occupy the rest of the window), but the center part of the window has nothing. How can I get rid of the white space, so that the score panel can can 30% of the top part of the window(even after resize), and the card panel can occupy the remaining 70%? I can't attach pictures here, otherwise I can upload some screenshot to show you what's the problem I have. Thank you in advance.
This is my CardView class, I didnt' copy all of them upstair.
public class CardView extends JPanel{
    private int cardWidth;
    private int cardHeight;
    private CardModel cm;
    private JPanel cardPanel;
    public CardView(int w, int h){
        cardWidth = w;
        cardHeight = h;
        cardPanel = this;
        cardPanel.setLayout(new GridLayout(cardWidth,cardHeight)); 
        CardImageButton[][] cardsButtons = new CardImageButton[cardWidth][cardHeight];
        int[][] list  = init(cardWidth, cardHeight);       
        cm = new CardModel(list);
        int count = 0;
        for(int i=0;i<cardWidth;i++){
            for(int j=0;j<cardWidth;j++){
                cardsButtons[i][j] = new CardImageButton("Press me"+count, cm, i, j, 0);
                cardPanel.add(cardsButtons[i][j]);
                count++;               
public int[][] init(int n, int m){
        int[][] list  = {
                {1, 2, 1, 1},
                {2, 1, 2 , 2},
                {1, 2, 1, 1},
                {2, 1, 2 , 2} };
        return list;
    }This is from my main.
       //setup the content panel
        Container contentPane = jf.getContentPane();          
        contentPane.setLayout(new BorderLayout()); 
//      create the score panel                 
        ScoreTableView scoreTableView = new ScoreTableView(4);
      contentPane.add( scoreTableView, BorderLayout.NORTH);
        //create the cards panel
        CardView cardPanel = new CardView(4,4);
        contentPane.add(cardPanel, BorderLayout.CENTER);
        jf.pack();
        jf.setVisible(true);   ScoreTableView.java
  public ScoreTableView(int numberOfPlayer){
//      Create a model of the data.
scoreTable = new JTable();//this scoreTable is a JTable object       
scoreTable.setModel(scoreTableData);  //scoreTableData is my data            
JScrollPane jsp = new JScrollPane(scoreTable);                  
p = this;       
p.setLayout(new BorderLayout());       
p.add(jsp, BorderLayout.CENTER);   
}