Initial Release — help-frontend

Dr. Frontend

FoxHog Sequence Table

Bioinformatics sequence table for viewing and analyzing antibody sequences with CDR region highlighting, based on FoxHog's SequenceTable implementation.

Live Demo

#Species
Heavy Chain (VH)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
35A
35B
35C
35D
35E
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
Light Chain (VL)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
27A
27B
27C
27D
27E
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
1mAb-2847-H1L1HUMAN9.20125.53.2
E
V
Q
L
V
E
S
G
G
G
L
V
Q
P
G
G
S
L
R
L
S
C
A
A
S
G
F
T
F
S
S
Y
W
M
S
W
V
R
Q
A
P
G
K
G
L
E
W
V
A
N
I
K
Q
D
G
S
E
K
Y
Y
V
D
S
V
K
G
R
F
T
I
S
R
D
N
A
K
N
S
L
Y
L
Q
M
N
S
L
R
A
E
D
T
A
V
Y
Y
C
A
R
D
I
Q
M
T
Q
S
P
S
S
L
S
A
S
V
G
D
R
V
T
I
T
C
R
A
S
Q
G
I
R
N
D
L
G
W
Y
Q
Q
K
P
G
K
A
P
K
L
L
I
Y
A
A
S
S
L
Q
S
G
V
P
S
R
F
S
G
S
G
S
G
T
D
F
T
L
T
I
S
S
L
Q
P
E
D
F
A
T
Y
Y
C
Q
Q
S
Y
S
T
P
L
T
2mAb-2847-H2L1HUMAN8.7098.34.1
E
V
Q
L
V
E
S
G
G
G
L
V
Q
P
G
G
S
L
R
L
S
C
A
A
S
G
F
T
F
S
S
Y
W
M
S
W
V
R
Q
A
P
G
K
G
L
E
W
V
S
Y
I
S
G
S
G
G
S
T
Y
Y
P
D
S
V
K
G
R
F
T
I
S
R
D
N
A
K
N
S
L
Y
L
Q
M
N
S
L
R
A
E
D
T
A
V
Y
Y
C
A
R
D
I
Q
M
T
Q
S
P
S
S
L
S
A
S
V
G
D
R
V
T
I
T
C
R
A
S
Q
G
I
R
N
D
L
G
W
Y
Q
Q
K
P
G
K
A
P
K
L
L
I
Y
A
A
S
S
L
Q
S
G
V
P
S
R
F
S
G
S
G
S
G
T
D
F
T
L
T
I
S
S
L
Q
P
E
D
F
A
T
Y
Y
C
Q
Q
S
Y
S
T
P
L
T
3mAb-3156-H1L2MOUSE7.90156.22.8
Q
V
Q
L
Q
Q
S
G
A
E
L
A
R
P
G
A
S
V
K
M
S
C
K
A
S
G
Y
T
F
T
R
Y
T
M
H
W
V
K
Q
R
P
G
Q
G
L
E
W
I
G
Y
I
N
P
S
R
G
Y
T
N
Y
N
Q
K
F
K
D
K
A
T
L
T
T
D
K
S
S
S
T
A
Y
M
Q
L
S
S
L
T
S
E
D
S
A
V
Y
Y
C
A
R
D
I
V
M
T
Q
S
P
D
S
L
A
V
S
L
G
E
R
A
T
I
N
C
K
S
S
Q
S
V
L
Y
S
S
N
N
K
N
Y
L
A
W
Y
Q
Q
K
P
G
Q
P
P
K
L
L
I
Y
W
A
S
T
R
E
S
G
V
P
D
R
F
S
G
S
G
S
G
T
D
F
T
L
T
I
S
S
L
Q
A
E
D
V
A
V
Y
Y
C
Q
Q
Y
Y
S
T
4mAb-4521-H1L1HUMAN9.8087.45.2
E
V
Q
L
V
Q
S
G
A
E
V
K
K
P
G
E
S
L
K
I
S
C
K
G
S
G
Y
S
F
T
D
Y
W
I
G
W
V
R
Q
M
P
G
K
G
L
E
W
M
G
I
I
Y
P
R
D
D
S
P
T
R
Y
N
P
S
F
Q
G
H
V
T
I
S
A
D
K
S
I
S
T
A
Y
L
Q
W
S
S
L
K
A
S
D
T
A
M
Y
Y
C
A
R
E
I
V
L
T
Q
S
P
G
T
L
S
L
S
P
G
E
R
A
T
L
S
C
R
A
S
Q
S
V
S
S
S
Y
L
A
W
Y
Q
Q
K
P
G
Q
A
P
R
L
L
I
Y
G
A
S
S
R
A
T
G
I
P
D
R
F
S
G
S
G
S
G
T
D
F
T
L
T
I
S
R
L
E
P
E
D
F
A
V
Y
Y
C
Q
Q
Y
G
S
S
P
5mAb-5892-H3L2RABBIT8.10112.83.9
Q
S
L
E
E
S
G
G
R
L
V
T
P
G
T
P
L
T
L
T
C
T
V
S
G
F
S
L
S
S
Y
A
M
G
W
F
R
Q
A
P
G
K
G
R
E
F
V
A
G
I
T
S
G
G
R
T
N
Y
A
S
W
A
K
G
R
F
T
I
S
K
T
S
T
T
V
D
L
K
I
T
S
P
T
T
E
D
T
A
T
Y
F
C
V
R
D
R
A
Y
D
M
T
Q
T
P
A
S
V
S
A
A
V
G
G
T
V
T
I
N
C
Q
A
S
Q
N
V
Y
S
N
Y
L
S
W
F
Q
Q
K
P
G
Q
P
P
K
L
L
I
Y
S
A
S
T
L
A
S
G
V
S
S
R
F
K
G
S
G
S
G
T
Q
F
T
L
T
I
S
D
L
E
C
D
D
A
A
T
Y
Y
C
Q
G
A
Y
S
S
P

Features

Amino Acid Display

Monospace sequence display with individual amino acid cells for precise alignment.

CDR Highlighting

Complementarity-determining regions (CDRs) are highlighted in blue for easy identification.

Kabat Numbering

Column headers show Kabat numbering scheme positions (rotated 90°) for alignment reference.

Feature Columns

Binding affinity, expression yield, and iCAT scores with flagging for out-of-range values.

Copy Sequences

Hover over sequences to reveal copy button for easy clipboard access.

Implementation Guide

1. Data Structure

Sequences use variable_fragments containingnumberings for each chain.

2. CDR Regions

Define CDR positions based on numbering scheme (Kabat: H31-35, H50-65, H95-102).

3. Performance

Use memo() for sequence cells to prevent re-renders.

4. Extend with Virtualization

For large datasets, add react-window virtualization.

Key Files

  • src/components/examples/FoxHogSequenceTable.tsx
  • src/components/examples/ColumnManagementMenu.tsx
  • src/components/ui/sticky-table.tsx

CDR Color Legend

CDR Region
Framework