#transactionList {
  border-collapse: collapse;
  width: auto;          /* 自動幅にして必要なだけに */
  max-width: 100%;      /* ページ幅をはみ出さないように */
  table-layout: fixed;  /* 列幅を均等に固定 */
  word-wrap: break-word; /* 長い文字列は折り返す */
}

#transactionList th,
#transactionList td {
  border: 1px solid #333;
  padding: 6px 8px;
  text-align: left;
  overflow-wrap: break-word; /* 長い単語も折り返す */
}

/* ヘッダーを少し目立たせる */
#transactionList th {
  background-color: #f0f0f0;
}